Style Dictionary
Build system for design tokens across web, iOS and Android.
Styling and CSS npm Apache-2.0
How Style Dictionary is used
Style Dictionary joined the catalog on its public numbers (1,153,878 downloads a week on npm and 4,868 GitHub stars), not on our project count: it is a dependency in 10 public GitHub projects of our scan, 8 of them set up for AI coding agents. Projects that use it most often also use Storybook (60.0%), Vite (50.0%), Chromatic (30.0%).
Style Dictionary popularity over time
Gid Score 46: downloads 65, use in agent projects 17, GitHub stars 38, downloads trend 60 (each 0-100). How it is calculated.
Often used with Style Dictionary
| Storybook | 60.0% of Style Dictionary projects · 29.6× more than average |
|---|---|
| Vite | 50.0% of Style Dictionary projects · 2.6× more than average |
| Chromatic | 30.0% of Style Dictionary projects · 62.1× more than average |
| ts-node | 30.0% of Style Dictionary projects · 6.3× more than average |
| TypeScript | 70.0% of Style Dictionary projects |
| axe-playwright | 20.0% of Style Dictionary projects · 138.0× more than average |
| remark-gfm | 20.0% of Style Dictionary projects · 5.5× more than average |
| Base UI | 20.0% of Style Dictionary projects · 9.9× more than average |
By coding agent
| Cursor | 0.3% of projects set up for it |
|---|---|
| Claude Code | 0.2% of projects set up for it |
Share of public repos configured for each agent that list Style Dictionary as a dependency.
Install
| Package | npm install style-dictionary |
|---|---|
| Main stacks | TypeScript / JavaScript (9), Next.js (1) |
| Example projects | christinevall/ds-base-ui |
Alternatives to Style Dictionary
In our scan, none of the most used tools in Styling and CSS does the same job as Style Dictionary: they are add-ons, companions or tools for a different task.
More in Styling and CSS: Tailwind CSS Tailwind Merge Emotion Sass tailwind-variants NativeWind Fontsource Inter postcss-import