subhadeeproy3902 / shadcnthemes

A unique and intuitive theme generator for ShadCN UI, offering perfectly harmonized color palettes with real-time previews.

Home Page:https://shadcnthemes.vercel.app

Repository from Github https://github.comsubhadeeproy3902/shadcnthemesRepository from Github https://github.comsubhadeeproy3902/shadcnthemes

ShadCN Theme Generator 🎨

A unique and intuitive theme generator for ShadCN UI, offering perfectly harmonized color palettes with real-time previews.

πŸš€ Features

  • 🎨 Randomized Harmonized Themes - Generates themes where all primary, accent, secondary, muted, and foreground colors are in harmony.
  • πŸŸ₯ Structured Destructive Colors - Ensures all destructive colors belong to the red spectrum.
  • πŸŽ› Smart Manual Selection - Provides the best possible harmonized colors based on the chosen primary color.
  • ⚑ Real-time Preview - Instantly see how the theme looks in both light and dark modes.
  • πŸŒ— Light & Dark Modes - Toggle between modes effortlessly.
  • πŸ“‹ Copy CSS Variables - Get the generated CSS variables instantly for easy integration.

🎯 Why is it Unique?

Unlike traditional theme generators, this tool ensures:

  • Every color in the palette complements the others.
  • Destructive colors always remain within the red spectrum for consistency.
  • Even in manual selection, the chosen primary color intelligently dictates the best harmonized shades.

πŸ“Έ Preview

Theme Generator Preview

alt text

πŸ”₯ Usage

Simply tweak the settings, generate your theme, and copy the CSS variables to use them in your project!


πŸš€ Start designing beautiful themes effortlessly!

Author

About

A unique and intuitive theme generator for ShadCN UI, offering perfectly harmonized color palettes with real-time previews.

https://shadcnthemes.vercel.app


Languages

Language:TypeScript 98.6%Language:CSS 1.3%Language:JavaScript 0.1%