Hue turns your design tokens into typed, themeable React components — with docs that stay in sync and a theme that re-skins everything from one file.
Components read from your tokens, so a theme swap re-skins the whole app.
import { Button } from "@hue/ui";
export function Cta() {
return (
<Button variant="primary" size="lg">
Get started
</Button>
);
}
// theme.ts — change one token, restyle everywhere
export const theme = { accent: "#d6409f", radius: "10px" };Tree-shakeable · zero-runtime CSS · ships its own types.
The parts teams usually build twice and maintain forever.
Color, type, space, and shape as a single, versioned source of truth.
Accessible React components with first-class TypeScript and variants.
Swap a token map and every component re-skins — light, dark, or per-brand.
Docs and prop tables generated from the components, never out of date.
Semantic versions and codemods so upgrades don't break Friday.
Styles extracted at build — fast pages, no flash, no bloat.
Generates for the stack you already use
Start with your tokens and a single component — grow from there.
Free for open source · MIT-friendly