tweakcn theme editor

Design, preview, and ship theme tokens without leaving your browser.

Build shadcn-compatible themes, iterate on typography, and export tokens instantly.

Open the editorRead the docs

Live token preview

Swap palettes, typography, and radius in real time without rebuilding.

Safe defaults

Guardrails keep generated tokens within accessible contrast ranges.

Export-ready

Copy CSS variables or deliver a JSON payload to your app instantly.

Built for shadcn/ui

Designed to map directly to Tailwind v4 and shadcn conventions.