tailwind-sort

What problem does it solve?

Tailwind class lists become hard to scan and maintain, especially when they grow long or are reused across components.

Core Features & Use Cases

• Sort long Tailwind class lists for legibility: Reorders Tailwind class names on a single JSX element when there are many static classes.
• Group classes when extracting styles: Supports clearer “style contract” documentation when classes are stored in constants or used as CVA bases.
• Avoid unnecessary cn wrappers: Keeps your code clean by only suggesting cn(...) when grouping is warranted for 8+ static classes or when conditional merging is truly needed.

Quick Start

Ask the AI to refactor the Tailwind classes in your JSX element (or CVA base) by sorting them for readability and adding group comments only when the class list is long enough or extracted into a reusable constant.