tailwind-merge

Merge Tailwind CSS classes without style conflicts

tailwind-merge downloads tailwind-merge version tailwind-merge license

Search packages..
tailwind-mergeSimilar Packages:

Npm Package Weekly Downloads Trend

3 Years
🌟 Show real-time usage chart on tailwind-merge's README.md, just copy the code below.
## Usage Trend
[![Usage Trend of tailwind-merge](https://npm-compare.com/img/npm-trend/THREE_YEARS/tailwind-merge.png)](https://npm-compare.com/tailwind-merge#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 Show GitHub stars trend chart on tailwind-merge's README.md, just copy the code below.
## GitHub Stars Trend
[![GitHub Stars Trend of tailwind-merge](https://npm-compare.com/img/github-trend/tailwind-merge.png)](https://npm-compare.com/tailwind-merge)

Stat Detail

Package
Downloads
Stars
Size
Issues
Publish
License
tailwind-merge05,6791.01 MB264 months agoMIT

README for tailwind-merge

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]'
  • Supports Tailwind v4.0 up to v4.3 (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

Get started

npm-compare.com is an independent website designed to help developers choose the most suitable npm packages. We are not affiliated with npm, Inc, the official website for the npm registry. Note that npm is a registered trademark of npm, Inc. For more details, please refer to our Terms & Privacy.