🎨 ColorWind

ColorWind is a powerful TailwindCSS plugin that makes managing light and dark color schemes easy, expressive, and automatic.

This repository contains the full source code, plugin package, and documentation for the project.

📦 The published plugin lives inside /packages/colorwind

📚 Documentation

Interactive usage guide, theming examples, and live playground:

👉 https://colorwind.js.org

📦 Packages

| Package | Description | Registry | |------------------|-------------------------------------|-------------------------------| | colorwind | TailwindCSS plugin for automatic color theming | NPM, JSR |

🚀 Getting Started

Install from your preferred package manager:

npm install colorwind

Or use JSR:

npx jsr add @siguici/colorwind

Then, register the plugin in your Tailwind config:

import colorwind from 'colorwind';

export default {
  plugins: [colorwind],
};

🧠 Why ColorWind?

• Simplifies light/dark mode theming with one class.
• Uses intuitive naming for color intensity and adaptation.
• Supports all Tailwind color utilities, including gradients and opacity.
• Automatically inverts colors when needed using the -reverse suffix.

Read the full plugin usage guide at colorwind.js.org/guides

🛠 Development

To contribute or run locally:

pnpm install
pnpm dev

Then visit localhost:4321 to preview the documentation locally.

🤝 Contributing

Found a bug or have a feature request?

• Open an issue on GitHub Issues
• Or submit a PR — we welcome contributions!

📄 License

MIT © SIGUI Kessé Emmanuel

💫 Credits

Built with ❤️ using TailwindCSS, Astro, and Starlight.