Optimizing for Production Getting Started Optimizing for Production Getting the most performance out of Tailwind CSS projects. Tailwind CSS is incredibly performance focused a...

Class reference Fill color Stroke color Sizing Customizing Fill colors Stroke colors Responsive and State Variants Disabling Class reference Fill color Use .fill-cu...

Browser Support Vendor Prefixes Getting Started Browser Support Understanding which browsers Tailwind supports and how to manage vendor prefixes. In general, Tailwind CSS v3....

Extracting utility patterns with @apply Keeping things composable CSS structure Tailwind encourages a “utility-first” workflow, where new designs are initially implemented usin...

Adding Base Styles Using classes in your HTML Using CSS @font-face rules Using a plugin When to use a plugin Adding Base Styles Best practices for adding your own global ...

Using Recipes How To Install a Recipe Using Recipes Blitz Recipes allow you to install and configure third-party code with a single command! View the list of official recipes...

Functions & Directives @tailwind @apply @layer @variants @responsive @screen screen() theme() Functions & Directives A reference for the custom functions and directives ...

Get started with Tailwind CSS Installation Tailwind CLI Using PostCSS Framework Guides Play CDN Framework Guides What to read nex...

Extracting Components Extracting template components Extracting component classes with @apply Writing a component plugin Extracting Components Dealing with duplication and k...

Limiting your color palette Removing unused breakpoints Disabling unused modules and variants Removing unused CSS with PurgeCSS Using the default configuration, Tailwind CSS c...