The Colors plugin for TailwindCSS projects

Easily manage light/dark mode switching according to your configuration without worrying about color matching.

Safe

Built with TypeScript and using the strictest lint tools.

Fast

Use the power of TailwindCSS for better performance.

Simple

Color-based class names available in TailwindCSS.

Optimized

No third party dependencies you just need TailwindCSS.

Scalable

Can be customized from your TailwindCSS configuration.

Reusable

Intuitive and well-documented APIs for easy integration.

From NPM:

npm install colorwind

From JSR:

npx jsr add @siguici/colorwind

From NPM:

yarn add colorwind

From JSR:

yarn dlx jsr add @siguici/colorwind

From NPM:

pnpm add colorwind

From JSR:

pnpm dlx jsr add @siguici/colorwind

From NPM:

bun install colorwind

From JSR:

bunx jsr add @siguici/colorwind

From NPM:

deno install npm:colorwind

From JSR:

deno add @siguici/colorwind

import colorwind from "colorwind";

/** @type {import('tailwindcss').Config} */
export default {
  plugins: [colorwind],
};

import colorwind from "jsr:@siguici/colorwind";

/** @type {import('tailwindcss').Config} */
export default {
  plugins: [colorwind],
};