Use case

Framework-neutral design tokens

One set of tokens that works everywhere — React, Vue, Svelte, plain HTML. Plain CSS custom properties, light and dark, zero runtime, no lock-in.

Read the docs

Most theming tools assume a stack. UIcockpit does not: its output is plain --k-* CSS custom properties plus a W3C Design Tokens JSON, so the same system drops into any framework.

From that single source it also emits a Tailwind v4 @theme block, a shadcn globals.css, an AI prompt and a machine-readable contract — pick the transport your project needs.

$0
Forever free
100+
UI components
16
WCAG checks
7
Export formats

Framework-neutral by design

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.

Standards-based

A W3C Design Tokens JSON imports into Figma via Tokens Studio, so design and code read from one source.

One source, many transports

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.

Frequently asked

What format are the tokens?
Plain CSS custom properties (--k-*) and W3C Design Tokens JSON, with light and dark values.
Do they work without a framework?
Yes — drop the CSS variables into plain HTML, or any framework. Nothing is required at runtime.

Generate a design system your AI agent follows.

100% free, framework-neutral tokens — no account, no lock-in, your design language, your file.