shadcn/ui radix colors theme generator

Generate custom themes for shadcn/ui using vibrant palettes from Radix Colors with ease.

https://ui.ewgenius.me/shadcn-radix-colors

Learn more:

Composing a color palette Understanding the scale

CleanShot.2024-09-08.at.01.33.26.mp4

Install prebuilt themes using shadcn cli:

Each theme is available in the registry by following url formats:

• https://ui.ewgenius.me/themes/radix/[base-color]-[accent-color]
• https://ui.ewgenius.me/themes/radix/[base-color]-[accent-color]-[primary-color]
• https://ui.ewgenius.me/themes/radix/[base-color]-[accent-color]-[primary-color]-[destructive-color]

Examples:

npx shadcn add https://ui.ewgenius.me/themes/radix/gray-blue
npx shadcn add https://ui.ewgenius.me/themes/radix/gray-blue-black-red