Themecn
A real-time theme generator for shadcn/ui. Create and preview beautiful themes instantly.
Install / Use
/learn @jordanliu/ThemecnREADME
themecn
themecn streamlines your design workflow with powerful, intuitive theme creation for shadcn/ui. Experiment with colors, typography, and more—all with instant visual feedback. No more guesswork.

Features
- 🎨 Intuitive Theme Creation: Create beautiful themes with a simple, visual interface
- 🎯 Real-time Preview: See your changes instantly as you customize colors and typography
- 🔄 Harmony Colors: Generate harmonious color palettes with one click
- 📱 Responsive Design: Preview your theme across different screen sizes
- 🔗 Shareable URLs: Share your themes with others via URL
- 🎭 Dark Mode Support: Easily toggle between light and dark themes
- 🚀 shadcn/ui CLI Support: Easily add a theme to your shadcn/ui project via CLI.
- ⬆️ Import Themes: Import any existing Tailwind (v3/v4) globals.css file and see your theme in real time.
Getting Started
First, run the development server:
pnpm i
pnpm dev
Open http://localhost:3000 with your browser to see the result.
Acknowledgments
- shadcn for creating the amazing shadcn/ui component library
- juxtopposed for the inspiration from realtimecolors.com
License
This project is licensed under the MIT License - see the LICENSE file for details.
