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

shadcn/ui radix colors theme generator

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

Learn more:

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

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

Name	Name	Last commit message	Last commit date
Latest commit nathacks Update colors.ts Mar 17, 2025 f3656df · Mar 17, 2025 History 23 Commits
app	app	enable analytics	Sep 8, 2024
components	components	fixes	Sep 7, 2024
hooks	hooks	fix page	Sep 7, 2024
lib	lib	Update colors.ts	Mar 17, 2025
.eslintrc.json	.eslintrc.json	Initial commit from Create Next App	Sep 6, 2024
.gitignore	.gitignore	Initial commit from Create Next App	Sep 6, 2024
README.md	README.md	fix themes api, install description	Sep 7, 2024
components.json	components.json	setupshadcn and theme editor ui	Sep 7, 2024
next.config.mjs	next.config.mjs	Initial commit from Create Next App	Sep 6, 2024
package-lock.json	package-lock.json	add analytics	Sep 7, 2024
package.json	package.json	add analytics	Sep 7, 2024
postcss.config.mjs	postcss.config.mjs	Initial commit from Create Next App	Sep 6, 2024
tailwind.config.ts	tailwind.config.ts	fix config	Sep 7, 2024
tsconfig.json	tsconfig.json	Initial commit from Create Next App	Sep 6, 2024