Tailwind ToolsFree online tool

Tailwind Class Sorter

Exact duplicate classes are removed so the output is cleaner and easier to scan.

Sort Tailwind classes into a consistent order and remove duplicates without changing variants.

Free online toolNo signup requiredBrowser-first workflow

Interactive tool

Use Class Sorter

Focused inputs, clear output, and practical defaults for a fast tailwind workflow.

Unsorted classeshtml

Sorted Tailwind classes

flex p-4 text-white bg-slate-900 rounded-lg items-center md:p-8 hover:bg-slate-800

Exact duplicate classes are removed. Variants such as md:, hover:, and focus: stay attached to their utility.

Useful for

Clean JSX className stringsNormalize component librariesReview long Tailwind snippets

Built as a focused browser utility so users can inspect inputs and outputs without a long setup flow.

Does sorting change responsive or state variants?

No. Variant prefixes are preserved while the base utilities are ordered consistently.

Are duplicate classes removed?

Continue the workflow with tools that pair naturally with this one.