#design-tokens

@phcdevworks/spectre-tokens is the design-token package of the Spectre system. It provides a complete, UI-ready token surface for downstream Spectre packages and compatible applications.

Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.

Storybook Addon for DTCG design tokens

Design token system — colors, dimensions, typography, and effects as CSS variables, JSON, and TypeScript

The M²S² Design System is a production-driven UI system built for developing real world applications using modern web frameworks. It provides a foundation for building consistent, scalable user interfaces without slowing down as systems grow.

@phcdevworks/spectre-ui is the styling contract package of the Spectre system. It translates Spectre design tokens into CSS bundles, Tailwind theme configuration, and class recipe functions for downstream adapters and apps.

A handwritten, hand-drawn design system for React, Web Components, and React Native — warm and playful, tuned for English + Korean.

Interface understanding and design-system memory for AI coding agents.

ZORA — an opinionated UI kit for React Native + Web built on top of @ankhorage/surface.

Blazor component library for .NET 10 with Material Design 3 and Fluent UI 2 themes - runtime switching, no reload. 100+ components, zero third-party CSS.

OKHST-based accessible color palette generator with support for dark and high-contrast themes.

Codex is the Design System for Wikimedia. Codex features a toolkit for building user interfaces, containing design tokens, Vue 3 components and VitePress documentation site packages. This is a mirror from https://gerrit.wikimedia.org/g/design/codex/

No repository description published.

Design tokens in, CSS and components out.

A typography-first design system for editorial, technical, and personal web projects