Design your shadcn theme visually and export a drop-in globals.css with the full CSS-variable contract — then restyle an existing project without touching components.
UIcockpit generates a shadcn-compatible globals.css: the --background, --primary, --radius and related variables, wired to a system you tuned in a live preview across real components.
It goes further than colour and radius — type, density, motion and a chart palette come along — and because the core is framework-neutral, you are never locked to shadcn.
The exact shadcn CSS-variable contract, ready to paste — restyle an existing shadcn app with zero component edits.
Type scale, density, motion and elevation, all previewed on a full component gallery before you export.
No login to configure or export. Your whole setup lives in the link; the static download is always one click away, byte-identical to the hosted kit. Eject any time.
100% free, framework-neutral tokens — no account, no lock-in, your design language, your file.