The design system that themes itself
Accessible, themeable, token-driven React components. One source of truth re-themes your entire app live — swap a palette and every surface, border, and gradient follows.
Trusted by
One palette. Everything follows.
Pick a theme — every surface, border, gradient and shadow on this page re-themes instantly. No re-render, no rebuild. This is the whole idea.
Your team
Everything you need to ship a themeable product
Accessible, own-your-code components and full blocks — wired to one semantic token system, with an AI Kit that teaches your agent the rules.
121 components, fully documented
Buttons to charts, forms to overlays — every one live-previewed, accessible, and token-driven.
Three ways in — all take a minute
Scaffold a fresh app, generate a resolved stack, or drop components into the app you already have.
Start fresh
A Next.js app pre-wired with Cooud UI, a theme, and the AI Kit.
npx create-cooud-app my-appGenerate a stack
Resolve your framework, AI tools, MCP, docs, and handoff files from Stack Builder.
bun create cooud-stack@latest my-appAdd to your app
Install from the registry — the real source lands in your repo, yours to edit.
npx cooud-ui add button card dialogCreate a design system in minutes
Pick a theme, tune your tokens, and ship accessible, on-brand components across every surface — no design debt, no lock-in.