tailwind-merge

Merge Tailwind CSS classes without style conflicts

🌟 Mostre o gráfico de uso em tempo real no README.md de tailwind-merge, basta copiar o código abaixo.

## 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)

🌟 Mostre o gráfico de tendência de GitHub Stars no README.md de tailwind-merge, basta copiar o código abaixo.

## 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)

Pacote	Downloads	Stars	Tamanho	Issues	Publicado em	Licença

tailwind-merge	13,147,120	5,423	898 kB	22	il y a 5 mois	MIT

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.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

tailwind-merge

Get started