TweakCN is a sharp visual theme editor for shadcn/ui. UIcockpit is a broader, framework-neutral design system — more axes of control, more export formats, and a hosted kit you return to.
TweakCN does one thing well: it lets you tune shadcn/ui theme variables (colours, radius) visually and copy the result. If you only ever ship shadcn, that focus is a genuine strength.
UIcockpit widens the scope. It is framework-neutral, controls colour, type, shape, density and motion, ships per-component recipes and 8 export formats, and hosts your kit behind a returnable, auto-updating <link>.
Type scale, density, motion, elevation, chart palette and per-component recipes — a whole system, not just theme variables.
The output is plain CSS custom properties (--k-*). They drop into React, Vue, Svelte, plain HTML — anything. You are never tied to one framework to wear your own brand.
Tokens (CSS + JSON), a Tailwind @theme block, a shadcn globals.css, an AI prompt and a machine-readable contract — all derive from one config, so they can never disagree. Plus a hosted live <link> you return to, and a CLI + MCP so your agent reads the system and checks its own work against it.
100% free, framework-neutral tokens — no account, no lock-in, your design language, your file.