8000 GitHub - nathacks/ui: Generate custom CSS themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
/ ui Public
forked from ewgenius/ui

Generate custom CSS themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.

Notifications You must be signed in to change notification settings

nathacks/ui

 
 

Repository files navigation

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

About

Generate custom CSS themes for shadcn/ui effortlessly using vibrant palettes from Radix Colors.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.0%
  • CSS 2.9%
  • JavaScript 0.1%
0