tweakcn
Visual shadcn/ui theme editor that exports 42 presets as a shadcn registry
tweakcn is a no-code visual editor for shadcn/ui and Tailwind themes: you edit colors, typography, radius and shadows against a live component preview and it emits the CSS variables shadcn expects. It ships 42 named presets - including Claude, Vercel, Supabase, Catppuccin, T3 Chat and Twitter lookalikes - served as a real shadcn registry at /r/themes/registry.json, so any theme installs with one shadcn add command or through the shadcn registry MCP server. A contrast checker is built in, and it supports Tailwind v3 and v4 with OKLCH and HSL. The app itself is Apache-2.0 and self-hostable; AI theme generation is metered.
npx shadcn@latest add https://tweakcn.com/r/themes/modern-minimal.jsonThis is the fastest way to stop a shadcn/ui app looking stock: skip the web editor entirely and install a preset directly with npx shadcn@latest add https://tweakcn.com/r/themes/<name>.json - 42 names are listed in /r/themes/registry.json, so you can pick one from a text prompt like 'make it look like Claude' without opening a browser. Wire the whole registry into an agent with the shadcn MCP server, setting REGISTRY_URL to that registry.json. Two things to watch: a preset is registry:style, so it overwrites your base CSS variables and any hand-tuned tokens go with it - diff before applying - and saving your own themes or using AI generation needs an account, with the free tier capped at 10 saved themes and 5 AI generations.
Why it is here. It turned shadcn theming from a hand-edited CSS-variable chore into a one-command, machine-readable install, and at 10k stars it is the de facto standard theme source in the shadcn ecosystem.
- Modern Minimal · shadcn/ui style preset built on the Modern Minimal color palette.
- Violet Bloom · shadcn/ui style preset built on the Violet Bloom color palette.
- T3 Chat · shadcn/ui style preset built on the T3 Chat color palette.
- Twitter · shadcn/ui style preset built on the Twitter color palette.
- Mocha Mousse · shadcn/ui style preset built on the Mocha Mousse color palette.
- Bubblegum · shadcn/ui style preset built on the Bubblegum color palette.
- Amethyst Haze · shadcn/ui style preset built on the Amethyst Haze color palette.
- Notebook · shadcn/ui style preset built on the Notebook color palette.
- Doom 64 · shadcn/ui style preset built on the Doom 64 color palette.
- Catppuccin · shadcn/ui style preset built on the Catppuccin color palette.
- Graphite · shadcn/ui style preset built on the Graphite color palette.
- Perpetuity · shadcn/ui style preset built on the Perpetuity color palette.
- Kodama Grove · shadcn/ui style preset built on the Kodama Grove color palette.
- Cosmic Night · shadcn/ui style preset built on the Cosmic Night color palette.
- Tangerine · shadcn/ui style preset built on the Tangerine color palette.
- Quantum Rose · shadcn/ui style preset built on the Quantum Rose color palette.
- Nature · shadcn/ui style preset built on the Nature color palette.
- Bold Tech · shadcn/ui style preset built on the Bold Tech color palette.
- Elegant Luxury · shadcn/ui style preset built on the Elegant Luxury color palette.
- Amber Minimal · shadcn/ui style preset built on the Amber Minimal color palette.
- Supabase · shadcn/ui style preset built on the Supabase color palette.
- Neo Brutalism · shadcn/ui style preset built on the Neo Brutalism color palette.
- Solar Dusk · shadcn/ui style preset built on the Solar Dusk color palette.
- Claymorphism · shadcn/ui style preset built on the Claymorphism color palette.
- Cyberpunk · shadcn/ui style preset built on the Cyberpunk color palette.
- Pastel Dreams · shadcn/ui style preset built on the Pastel Dreams color palette.
- Clean Slate · shadcn/ui style preset built on the Clean Slate color palette.
- Caffeine · shadcn/ui style preset built on the Caffeine color palette.
- Ocean Breeze · shadcn/ui style preset built on the Ocean Breeze color palette.
- Retro Arcade · shadcn/ui style preset built on the Retro Arcade color palette.
- Midnight Bloom · shadcn/ui style preset built on the Midnight Bloom color palette.
- Candyland · shadcn/ui style preset built on the Candyland color palette.
- Northern Lights · shadcn/ui style preset built on the Northern Lights color palette.
- Vintage Paper · shadcn/ui style preset built on the Vintage Paper color palette.
- Sunset Horizon · shadcn/ui style preset built on the Sunset Horizon color palette.
- Starry Night · shadcn/ui style preset built on the Starry Night color palette.
- Claude · shadcn/ui style preset built on the Claude color palette.
- Vercel · shadcn/ui style preset built on the Vercel color palette.
- Darkmatter · shadcn/ui style preset built on the Darkmatter color palette.
- Mono · shadcn/ui style preset built on the Mono color palette.
- Soft Pop · shadcn/ui style preset built on the Soft Pop color palette.
- Sage Garden · shadcn/ui style preset built on the Sage Garden color palette.
- 42 presets as an installable shadcn registry
- one-command theme install, no browser needed
- works with the shadcn registry MCP server
- Tailwind v3 and v4, OKLCH and HSL
- built-in contrast checker
- Apache-2.0 and self-hostable
Verified 2026-08-15. HTTP 200. https://tweakcn.com (JS shell via WebFetch), https://tweakcn.com/pricing (raw HTML parsed for tiers), https://tweakcn.com/r/themes/registry.json (42 items), https://tweakcn.com/r/themes/claude.json, https://github.com/jnsahaj/tweakcn, GitHub API repos/jnsahaj/tweakcn, repo file components/editor/action-bar/components/mcp-dialog.tsx
