tailwindcss-colors-palette

A color palette plugin for Tailwind CSS 4, providing easy-to-use color palettes for your projects.

Installation

npm install tailwindcss-colors-palette

Usage

import plugin at your entry css file(e.g src/index.css).

on-demand import(Recommend)

# index.css
@import "tailwindcss";
# import universal color palette
@import "tailwindcss-colors-palette/colors/universal.css";

full import

# index.css
@import "tailwindcss";
@import "tailwindcss-colors-palette";

Development

at root directory:

# start dev server
npm run dev:lib
# start app to preview
npm run dev:app

Build

# build lib
npm run build:lib
# build app
npm run build:app

Support Colors

Name	Link	Status
universal	colar	✅ Completed
ant design(v5)	ant design	✅ Completed
Chakra	chakra	✅ Completed
Material UI	material ui	✅ Completed
Radix Colors	radix colors	✅ Completed
Nuxt UI v4	nuxt ui	✅ Completed