tailwindlabs/prettier-plugin-tailwindcss

Health v2 · maintenance only

Adoption not part of the score

7130 stars · 179 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

An official Prettier plugin from Tailwind Labs that automatically sorts Tailwind CSS utility classes according to the recommended class order. It works with Tailwind v3 and v4, sorting class attributes, framework equivalents like className, and @apply directives.

Use cases

• sort tailwind css classes automatically
• enforce consistent tailwind class order in prettier
• format className attributes in react projects
• sort classes in @apply directives
• keep tailwind utility ordering consistent across a team

When to choose

• you use Tailwind CSS v3 or v4 with Prettier v3+
• you want automatic, opinionated class sorting on save
• you work in frameworks like React, Vue, or Angular with class-based attributes

When to avoid

• you don't use Tailwind CSS
• you use Prettier v2 or a CommonJS-only toolchain that can't load ESM plugins
• you prefer a different class ordering convention

Facets

plugin · maturity active

formatter css-framework developer-tools frontend web-development developer-tools cross-platform prettier tailwindcss class-sorting code-style nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="tailwindlabs/prettier-plugin-tailwindcss")