style-dictionary/style-dictionary

Health v2 · maintenance only

Adoption not part of the score

4786 stars · 627 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Style Dictionary is a build system that takes design tokens defined once in JSON (including the DTCG W3C format) and exports them to platform-specific formats such as CSS, SCSS, iOS, Android, Compose, and JS. It runs as an npm CLI or as a Node/browser module and is extensible with custom transforms and formats.

Use cases

• export design tokens to css, ios and android from a single source
• keep styles consistent across web and mobile platforms
• convert design tokens to the dtcg w3c format
• generate style documentation from design tokens
• sync color and typography values between designers and developers
• build a design system with a single source of truth for styles

When to choose

• you maintain a design system consumed by multiple platforms or languages
• you want one source of truth for colors, spacing, and typography tokens
• you need DTCG-spec-compatible token tooling

When to avoid

• your project is single-platform and simple CSS variables suffice
• you need a visual design tool rather than a build pipeline
• you require full support of the latest DTCG 2025.10 format spec

Facets

cli-tool · maturity active

build-tool templating developer-tools web-development frontend web-design cross-platform developer-tools cli cross-platform design-tokens design-systems styleguide dtcg css ios android npm build-tool nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="style-dictionary/style-dictionary")