tweakcn
Visual theme editor for shadcn/ui with AI theme generation.
About
tweakcn is an open-source visual theme editor for Tailwind CSS and shadcn/ui, widely recommended as the fastest path from a default theme to a custom design system. A live editor with color, typography, radius, and shadow controls previews changes across real shadcn components and exports ready-to-paste CSS variables for light and dark mode.
Its Pro tier adds AI theme generation: describe a brand in text or upload an image, and it produces a complete deployment-ready shadcn theme in seconds. The project is Apache 2.0, in the Vercel OSS program, and has gathered close to ten thousand GitHub stars.
For developers shipping shadcn-based apps, it removes the trial-and-error of hand-tuning design tokens.
What it can do
- Visual shadcn theme editor with live preview
- AI theme generation from text or image
- Light and dark mode token export
- 16+ starter presets and community gallery
Setup
Use the hosted editor at tweakcn.com, or clone github.com/jnsahaj/tweakcn and run it locally.
Prerequisites
A shadcn/ui project (for applying themes); Node.js for self-hosting.
Use cases
Works with
Trust score — 7/10
Scored 7/10 (metrics tier, metrics-v1). Evidence: Verified via vendor site/docs/GitHub and reputable coverage, wave 122; Trending score 74/100 from researcher assessment.
★ 9,800 GitHub stars
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.