tweakcn
Visual theme editor for shadcn/ui with 36 installable theme presets
tweakcn is a browser-based visual editor for shadcn/ui and Tailwind design tokens: colours (OKLCH/HSL), typography, radius, spacing, shadows and letter-spacing, with live preview across shadcn components. It publishes its 36 curated presets as a real shadcn registry, so any theme installs with one `npx shadcn add <url>` and rewrites your CSS variables. The web app is free with a Pro tier for AI theme generation from a text prompt or image; the Next.js app itself is Apache-2.0 on GitHub. It exists because shadcn/ui defaults all look alike, and it is the fastest way to stop looking default.
npx shadcn@latest add https://tweakcn.com/r/themes/modern-minimal.jsonWhen a shadcn/ui project needs to stop looking like every other shadcn/ui project, do not hand-write CSS variables — install a tweakcn preset with `npx shadcn@latest add https://tweakcn.com/r/themes/<slug>.json` and then tune one or two tokens. Each item is `type: registry:style`, so it overwrites `--background`, `--primary`, `--radius`, the font-sans/serif/mono vars, shadow vars and tracking vars in your globals.css; commit before running it so you can diff. It emits OKLCH values and Tailwind v4 `@theme` vars, so on a Tailwind v3 codebase pick the v3 export in the editor instead, and note that themes reference Google fonts (Geist, Oxanium, Libre Baskerville) that you must load yourself.
Why it is here. It is the default answer to 'how do I theme shadcn/ui', and by shipping its presets as a real registry it turned a design decision into a one-line install. The 36 presets double as a colour-and-type reference even if you never use the editor.
- Modern Minimal · Neutral light-first SaaS default; Inter + JetBrains Mono, 0.375rem radius
- T3 Chat · Pink/magenta chat-app look modelled on T3 Chat; system font stack
- Twitter · Blue social-feed palette; Open Sans
- Mocha Mousse · Warm brown editorial palette; DM Sans
- Bubblegum · Playful pink consumer look; Poppins
- Doom 64 · Dark red retro-game palette; Oxanium
- Catppuccin · Pastel developer-tool palette from the Catppuccin scheme; Montserrat
- Graphite · Pure greyscale, near-zero chroma; good base for a dense dashboard
- Perpetuity · Teal terminal aesthetic set entirely in Source Code Pro
- Kodama Grove · Soft green/cream Ghibli-ish palette; Merriweather serif
- Cosmic Night · Purple-on-dark space palette; Inter
- Tangerine · Orange accent on cool grey; Inter
- Quantum Rose · Rose/violet gradient-friendly palette; Quicksand
- Nature · Earthy green/tan palette for wellness and outdoor brands; Montserrat
- Bold Tech · Saturated violet startup-landing palette; Roboto
- Elegant Luxury · Deep red and gold premium-brand palette; Poppins
- Amber Minimal · Amber accent on clean white; Inter
- Supabase · Green-on-near-black developer-product look; Outfit
- Neo Brutalism · Hard shadows, zero radius, primary colours; DM Sans
- Solar Dusk · Burnt orange and sand desert palette; Oxanium
- Claymorphism · Soft inset shadows and big radii; Plus Jakarta Sans
- Cyberpunk · Neon magenta/cyan on black; Outfit
- Pastel Dreams · Low-saturation pastel palette for friendly consumer apps; Open Sans
- Clean Slate · Cool slate blue baseline, close to shadcn default but calmer; Inter
- Caffeine · Coffee-brown neutral with system font stack
- Ocean Breeze · Aqua/teal light palette; DM Sans
- Retro Arcade · 80s arcade colours and heavy contrast; Outfit
- Midnight Bloom · Dark indigo with floral accents; Montserrat
- Candyland · High-saturation sweet-shop palette; Poppins
- Northern Lights · Aurora green/blue on deep navy; Plus Jakarta Sans
- Vintage Paper · Cream, ink and rule lines for reading-first sites; Libre Baskerville
- Sunset Horizon · Coral-to-purple sunset ramp; Montserrat
- Starry Night · Van Gogh blues and gold, serif-led; Libre Baskerville
- Claude · Warm clay/off-white palette echoing Claude's UI; system font stack
- Vercel · Black-and-white high-contrast Vercel look; Geist
- Mono · Everything in Geist Mono, greyscale; shadcn's mono style taken further
- 36 presets installable as shadcn registry styles
- OKLCH token editing with live component preview
- Tailwind v4 and v3 export
- AI theme generation from an image
- 10.3k stars, Apache-2.0
Verified 2026-08-15. HTTP 200. https://github.com/jnsahaj/tweakcn, https://raw.githubusercontent.com/jnsahaj/tweakcn/main/README.md, https://api.github.com/repos/jnsahaj/tweakcn, https://tweakcn.com/r/registry.json (36 items enumerated), https://tweakcn.com/r/themes/modern-minimal.json (200); tweakcn.com homepage and /pricing returned a JS shell with no readable body, so pricing came from web search of third-party listings
