Windy Radix Palette screenshot

Windy Radix Palette

Author Avatar Theme by Brattonross
Updated: 14 Sep 2024
234 Stars

Bring Radix Colors to Tailwind CSS

Categories

Overview:

Windy Radix Palette is an unofficial package designed to enhance the compatibility between Radix Colors and Tailwind. It allows users to easily incorporate Radix Colors into their Tailwind projects. While version 1.0.0 had a critical issue with displaying P3 colors, the newer version 2.0.0-beta.x addresses this problem and offers improved functionality.

Features:

  • Installation: Easily add the plugin to your Tailwind configuration.
  • Customization: Customize which colors to generate CSS properties for or create semantic aliases for colors.
  • Aliasing: Utilize the alias function to create aliases for Radix Colors, arbitrary values, or mutable aliases for light and dark modes.
  • Opacity Support: Control the opacity of colors using Tailwind’s opacity modifier.

Installation:

To install Windy Radix Palette, you need to add the plugin to your Tailwind config. Here is how you can do it:

// Add the plugin to your Tailwind config
plugins: [
    require('windy-radix-palette')(),
]

Summary:

Windy Radix Palette is a valuable tool for Tailwind users looking to leverage Radix Colors in their projects. The ability to customize which colors to generate CSS properties for, create semantic aliases, and control opacity provides flexibility and efficiency in design implementation. By addressing the issues of the previous version and offering improved features in the latest release, Windy Radix Palette proves to be a beneficial resource for developers seeking a seamless integration of Radix Colors with Tailwind.