design.openstatestack.io
Design Systems

One brand. One token spec. Many design systems.

The operating system for digital sovereignty. One brand, one token spec, many design systems. Each system below is generated from the same OpenStateStack token spec — Ember on Obsidian and Paper — so they stay in lockstep across frameworks.

shadcn/ui

Live

Owned React + Radix + Tailwind components on the oklch token layer. Per-component npm packages.

Open →

Base Web

Live

Uber Base Web — a theme object via createTheme, the Overrides pattern, Styletron. 26 components.

Open →

Material 3

Live

The Material 3 surface — Radix-backed components styled by the OpenStateStack token layer. 24 components.

Open →

Pajamas

Live

GitLab Pajamas — --gl-* design tokens, Tailwind-utility-first, .gl-dark, GitLab prop conventions. 27 components.

Open →

IBM Carbon

Live

IBM Carbon — --cds-* tokens across four themes (White/Gray 10/Gray 90/Gray 100), sharp 0px, Radix behaviour. 31 components.

Open →

Astryx

Live

Meta Astryx — cn + cva + Radix + Tailwind, oklch tokens, dark by default, 10px rounded, neutral primary + Ember accent, plus Chat components. 36 components.

Open →