Home

Awesome

<!-- This file is autogenerated. If you want to change this content, please do the changes in `./docs/README.md` instead. --> <div align="center"> <br /> <a href="https://github.com/dcastil/tailwind-merge"> <img src="https://github.com/dcastil/tailwind-merge/raw/v2.5.4/assets/logo.svg" alt="tailwind-merge" height="150px" /> </a> </div>

tailwind-merge

Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.

import { twMerge } from 'tailwind-merge'

twMerge('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]')
// → 'hover:bg-dark-red p-3 bg-[#B91C1C]'

Get started