JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15
  • Score
    100M100P100Q44772F
  • License MIT

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

Package Exports

  • tailwindcss-colors-palette
  • tailwindcss-colors-palette/colors/ant.css
  • tailwindcss-colors-palette/colors/chakra.css
  • tailwindcss-colors-palette/colors/material.css
  • tailwindcss-colors-palette/colors/nuxt.css
  • tailwindcss-colors-palette/colors/radix-alpha-dark.css
  • tailwindcss-colors-palette/colors/radix-alpha-light.css
  • tailwindcss-colors-palette/colors/radix-dark.css
  • tailwindcss-colors-palette/colors/radix-light.css
  • tailwindcss-colors-palette/colors/universal.css

Readme

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