# style-dictionary/style-dictionary

A build system for creating cross-platform styles.

Repository: https://github.com/style-dictionary/style-dictionary
Canonical: https://ross.abutalabs.com/products/style-dictionary
Homepage: https://styledictionary.com
Language: JavaScript
License: Apache-2.0
License Family: permissive
Topics: style, styleguide, design-systems, cross-platform, design-tools, build-system, build-tool, design-tokens, style-tokens
Last push: 2026-08-22T01:15:20+00:00

## Health v2 (maintenance only)
Score: 98/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 98, longevity 100
- inputs: {"age_days": 3564, "days_push": 12, "days_rel": 14, "gap_med": 16.0, "n_releases_24m": 31}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 4786, forks 627 (observed 2026-08-28T04:08:59.792601+00:00)

## What it is
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
- artifact type: cli-tool
- maturity: active
- function: build-tool, templating, developer-tools
- domain: web-development, frontend, web-design, cross-platform, developer-tools
- platform: cli, cross-platform
- tags: design-tokens, design-systems, styleguide, dtcg, css, ios, android, npm, build-tool, nodejs, web-server

## Member repositories
- style-dictionary/style-dictionary (main) score 98

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:59.792601+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T08:31:24.316540+00:00, confidence not recorded.
  - readme: https://github.com/style-dictionary/style-dictionary (fetched 2026-08-28T04:08:59.792601+00:00, sha 78b61547a5a9)
  - homepage: https://styledictionary.com (fetched 2026-08-29T09:02:12.676622+00:00, sha 31c726d5f78e)
  - site_page: https://styledictionary.com/getting-started/installation (fetched 2026-08-29T09:02:12.685796+00:00, sha 6f6eff4a8d61)
  - site_page: https://v3.styledictionary.com (fetched 2026-08-29T09:02:12.687837+00:00, sha 0b73c216d32f)
  - site_page: https://styledictionary.com/info/dtcg (fetched 2026-08-29T09:02:12.689365+00:00, sha 512973992069)
- Data as of 2026-08-30T08:39:29.467469+00:00.