Tailwind ToolsNo account required

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.

Tailwind workspace

Use Class Sorter

Add your input, choose the available settings, and review the result before using it.

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.

Simple workflow

01
Add your input
Enter values, paste content, or choose files in the workspace.
02
Choose your settings
Adjust the available options to match the result you need.
03
Review the result
Check the output before you copy or download it.

Before you use the result

Review generated code and styles in your own project context before using them in production.

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.