Repo · DesignApache-2.010.2k ★
tweakcn
by jnsahaj · linked, not rehosted
Visual theme editor for shadcn/ui — every token, not just colours, exported as CSS you commit.
Add it to your project
Give your agent this prompt — it sets the repo up for you:
Prompt for your agent
Open tweakcn.com/editor/theme, build a theme from my DESIGN.md colour roles, export the Tailwind v4 CSS and paste it into my globals.css.
Open source (Apache-2.0) · all rights to jnsahaj.
What it's for & howRead it ↓Collapse ↑
What it is
A no-code editor for the complete shadcn/ui token set at tweakcn.com/editor/theme —
no login needed for the editor itself.
Not just colours: --radius, the full font trio with a Google Fonts picker, raw shadow
values plus the derived --shadow-2xs … --shadow-2xl, letter-spacing and spacing.
Covers Tailwind v3 and v4 — v4 output includes @theme inline and OKLCH.
When to reach for it
- Step four of a design direction: you have decided the look, now you need tokens.
- When you want a theme you can commit rather than a screenshot of one.
Honest limits
- It is a hosted web app. The repo is the app's source, not a library you install.
- AI theme generation and saving themes need an account; the editor and export do not.