Theme Configuration Theme structure Screens Colors Spacing Core plugins Customizing the default theme Extending the default theme Overriding the default theme Referencing ot...

Content Configuration Configuring source paths Pattern recommendations Class detection in-depth Dynamic class names Working with third-party libraries Using relative paths Con...

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

Functions & Directives Directives @tailwind @layer @apply Using @apply with per-component CSS @config Functions theme() screen() Core Concepts Functions & Directives A...

Functions & Directives Directives @tailwind @layer @apply Using @apply with per-component CSS Functions theme() screen() Core Concepts Functions & Directives A referenc...

Hover, Focus, & Other States Overview Hover Focus Active Group-hover Group-focus Focus-within Focus-visible Motion-safe Motion-reduce Disabled Visited Checked First-ch...

Ring Offset Color Default class reference Usage Responsive Customizing Variants Disabling Ring Offset Color Utilities for setting the color of outline ring offsets. De...

Hover, Focus, & Other States Overview Hover Focus Active Group-hover Group-focus Focus-within Focus-visible Motion-safe Motion-reduce Disabled Visited Checked First-ch...

Content Configuration Configuring source paths Pattern recommendations Class detection in-depth Dynamic class names Working with third-party libraries Configuring raw content ...

Writing Your Own Recipes Setup Adding Metadata Common API Adding Dependencies Adding files Modifying existing files Publishing Testing locally Writing Your Own Recipes ...