Tailwind CSS Class Combiner
Paste Tailwind classes — dedupe, resolve conflicts, sort, and export a clean class string.
No result yet. Click "Combine" to merge classes.
Conflict Resolution
When classes conflict (like two text colors), the last one wins. Important (!) modifiers take precedence.
Deduplication
Duplicate classes are automatically removed, keeping only one instance of each.
Variant Support
Handles responsive (md:, lg:), state (hover:, focus:), and other variant chains correctly.
