twMerge Playground
Tailwind CSS class conflict debugger — see exactly which classes survive and why.
Advertisement
Try an example:
Merged result
Class analysis
Enter some Tailwind classes above to see the conflict analysis
Advertisement
How it works
tailwind-merge resolves Tailwind CSS class conflicts by detecting which classes target the same CSS property. When two classes conflict, the last one wins — just like CSS specificity with identical selectors.
For example, p-4 p-8
resolves to p-8
because both set the padding property.