DEV Community

Cover image for themecn - A real-time theme generator for shadcn/ui.
Jordan Liu
Jordan Liu Subscriber

Posted on

themecn - A real-time theme generator for shadcn/ui.

I've been working on a little project to make designing with shadcn/ui easier and more fun. It's called themecn, and it's built to take the pain out of theme creation by giving you instant visual feedback as you tweak colors, fonts, and more.

🎨 Create themes visually
🎯 See changes in real time
πŸ”„ Generate harmonious color palettes
πŸ“± Preview across screen sizes
πŸ”— Share your themes via URL
🎭 Toggle light and dark mode
πŸš€ Add themes to your shadcn/ui project with the CLI
⬆️ Import existing Tailwind (v3/v4) globals.css files and see them live

If you’re working with shadcn/ui and want a faster, smoother way to customize your design system, give themecn a try.

Link: https://themecn.dev/
GitHub: https://github.com/jordanliu/themecn

Let me know what you guys think! Open to contributions and suggestions.

Top comments (5)

Collapse
 
nevodavid profile image
Nevo David

been cool seeing steady progress - it adds up. you think habits or just showing up every day keeps stuff growing more?

Collapse
 
marmeden profile image
eneasmarin

Very cool, thanks!

Collapse
 
dotallio profile image
Dotallio

Love the live visual preview, makes tweaking so much less painful. Are you planning to support preset theme libraries or integrations with other design tools?

Collapse
 
jordanliu profile image
Jordan Liu

Nah, for theme presets there's tweakcn. I just wanted an easy way to randomize colours and see how it'd look.

Collapse
 
skillsiub profile image
iub fun

Best of luck

Some comments may only be visible to logged-in visitors. Sign in to view all comments.