https://github.com/daniguardiola/tw-merge
Merge utility classes without style conflicts
https://github.com/daniguardiola/tw-merge
Last synced: 10 months ago
JSON representation
Merge utility classes without style conflicts
- Host: GitHub
- URL: https://github.com/daniguardiola/tw-merge
- Owner: DaniGuardiola
- License: mit
- Created: 2023-05-05T02:18:31.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-14T12:15:04.000Z (about 3 years ago)
- Last Synced: 2025-05-06T18:18:17.705Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://npmjs.com/package/tailwind-merge
- Size: 98.4 MB
- Stars: 17
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# IMPORTANT NOTE: this package is a fork in development and ALL of the documentation has not been updated yet
# tailwind-merge
Utility function to efficiently merge [Tailwind CSS](https://tailwindcss.com) classes in JS without style conflicts.
```ts
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 v3.0 up to v3.3 (if you use Tailwind v2, use [tailwind-merge v0.9.0](https://github.com/compi-ui/tw-merge/tree/v0.9.0))
- Works in all modern browsers and Node >=12
- Fully typed
- [Check bundle size on Bundlephobia](https://bundlephobia.com/package/tailwind-merge)
## Get started
- [What is it for](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/what-is-it-for.md)
- [Features](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/features.md)
- [Configuration](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/configuration.md)
- [Recipes](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/recipes.md)
- [API reference](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/api-reference.md)
- [Writing plugins](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/writing-plugins.md)
- [Versioning](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/versioning.md)
- [Contributing](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/.github/CONTRIBUTING.md)
- [Similar packages](https://github.com/compi-ui/tw-merge/tree/v0.0.1-alpha.0/docs/similar-packages.md)