tokens

HashiCorp's design system covering Ember and React components, icon set and developer-tool interface conventions.

REI's design system with Vue components, outdoor-brand foundations and a published component lifecycle and deprecation policy.

Just Eat Takeaway's design system spanning web, iOS and Android with shared tokens and documented ordering-flow components.

Visual theme editor for shadcn/ui that edits colour, radius, typography and shadow tokens live.

Single-purpose tool that expands one base colour into a full tint and shade ramp ready for a token file.

Benevity's design system for social-impact and giving products, covering components, tokens and inclusive-content guidance.

Repository of components, foundations and tokens extracted from the public design systems of major tech companies.

Input that tokenises multiple email addresses as the user types, validating and chipping each one.

Astro business and agency starter with reusable page sections, theme tokens and a small component system.

MCP server that answers design-system questions about components, tokens, patterns and best practice from a curated corpus.

Wonderflow's open design system pairing a React component library with an unusually clear written rationale for each foundation decision.

Nordhealth's healthcare design system built on framework-agnostic web components with strong accessibility and clinical density guidance.

Converts Figma components into React Native / React Native Web code with design token and variant support.

Red Hat's system built on framework-agnostic web components with strict token layering and published a11y test results.

SEEK's design system where components are constrained by design tokens so invalid layouts are literally uncompilable in TypeScript.

Agent skills from Brad Frost covering design-system inspection, product health, DS adoption plans, and enforceable AI-usage limits.

Claude Code skill that reads your local session logs to explain where tokens went, why you hit a limit, and what to change.

Gallery of 89 real design systems with tokens and downloadable design.md files, plus an agent-readiness index and free token, contrast and grid tools.

Local read-only dashboard for token usage and reported cost across OpenCode, Claude Code, Codex and Cursor sessions, with per-call cache-miss drilldown.

Browser extension for inspecting and editing a live site's CSS custom properties and design tokens.

Kiwi.com's travel-oriented design system with React components, Figma libraries and documented booking-flow patterns rarely found in generic systems.

ENGIE's design system with web components, an energy-sector brand layer and documented eco-design and sustainability guidance.

GO-JEK's design system covering mobile-first components, illustration language and Indonesian-market localisation guidance.

Single-page tool for experimenting with spacing scales and base units, showing the resulting rhythm live as you adjust.

SumUp's React design system for payments and point-of-sale interfaces, with documented money-input and currency patterns.

Carrefour's design system spanning retail web and app, with commerce components and a documented token architecture.

Decathlon's design system spanning web, Flutter and native, with sport-retail components and a shared token source.

Michelin's design system covering web components, brand foundations and industrial B2B interface patterns.

Grafana's design system covering dashboard components, chart theming and the tokens behind its light and dark modes.

Vercel's design system: colour and typography foundations, Geist Sans and Mono typefaces, icon set and React components.

Heartbeat Agency's open design system aimed at agency teams, with components, tokens and a lightweight governance model.