Search⌘ K
AI Features

Change Generated Classes

Explore how to customize Tailwind CSS by changing its generated classes through configuration. Understand methods for excluding or including core plugins to optimize your CSS bundle size and improve page performance. Learn about managing variant prefixes like hover and focus to tailor utility availability for efficient styling.

We'll cover the following...

Configuration

Tailwind generates a lot of CSS classes, and we may want to limit that list for performance reasons to make the CSS bundle smaller—or to make it easier to understand the set of possibilities.

We can specify which set of core plug-ins Tailwind should generate in either of two ways. Most likely, we will only want to eliminate a few core plug-ins. We can ...