Windy Radix Palette

screenshot of Windy Radix Palette
tailwind
radix-ui

Bring Radix Colors to Tailwind CSS

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.

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.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

radix-ui
Radix UI

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.