The problem
Developers needed an easy way to browse, preview, and install themes for shadcn/ui without manual CSS configuration
tweakcn Theme Picker
A theme system for shadcn/ui: 40+ themes, each in light and dark, plus a switcher, installed in one command. Themes adapted from tweakcn's collection; not affiliated with tweakcn.
- UI Library
- Live
- TypeScript, React, Next.js
The build
We built a registry and generator that produce every theme variant from one canonical file, with a check that each output matches byte for byte.
The outcome
Restyling a whole shadcn/ui app becomes one install and a dropdown.
4 features. 6 tools.
- 44 themes in five groups: Minimal, Colorful, Branded, Creative and Dark
- Every theme in OKLCH, HSL, HEX and RGB for Tailwind v4, plus v3 variants
- One-command install for Next.js, Vite, Astro and Remix
- Theme switcher and provider on next-themes
