GitHub - dcastil/tailwind-merge: Merge Tailwind CSS classes without style conflicts

Merge Tailwind CSS classes without style conflicts

Notifications You must be signed in to change notification settings

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 1,413 Commits
.github		.github
assets		assets
docs		docs
scripts		scripts
src		src
tests		tests
.gitignore		.gitignore
.prettierrc		.prettierrc
LICENSE.md		LICENSE.md
README.md		README.md
eslint.config.mjs		eslint.config.mjs
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

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]'

Supports Tailwind v4.0 up to v4.1 (if you use Tailwind v3, use tailwind-merge v2.6.0)
Works in all modern browsers and maintained Node versions
Fully typed
Check bundle size on Bundlephobia