SaaSHub helps you find the best software and product alternatives Learn more →
Top 12 TypeScript design-token Projects
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
design-tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
-
storybook-design-token
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
-
-
parsers
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
Project mention: Show HN: Specify 2.0 – Your design token engine | news.ycombinator.com | 2024-01-25 -
-
-
-
Project mention: Design System Starter Template - All Technology You'll Ever Need | dev.to | 2024-08-15
The 🚀 Design System Starter Template (DSS) is built on the core components that establish a strong technical foundation for scalable and maintainable Design System. These components ensure that design and development are consistent, flexible, and efficient.
-
figma-tokens-converter-cli
A CLI with utilities to simplify the process of Figma Design Tokens to Frontend.
-
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript design-tokens discussion
TypeScript design-tokens related posts
-
Huetone for Accessible Color Systems
-
Show HN: Specify 2.0 – Your design token engine
-
Mirrorful – free and open-source React component library
-
How do you make the devs life easier ?
-
Css 500 different hex colors
-
How can one create this type of animation? Especially with react js
-
Mirrorful - a simple, open-source design system framework. Install Mirrorful to generate colors and other design tokens for your project. Then, import these tokens directly into your app
-
A note from our sponsor - SaaSHub
www.saashub.com | 24 Jan 2025
Index
What are some of the best open-source design-token projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | polaris | 5,861 |
| 2 | theme-ui | 5,320 |
| 3 | design-tokens | 992 |
| 4 | storybook-design-token | 652 |
| 5 | huetone | 344 |
| 6 | parsers | 114 |
| 7 | design-tokens | 50 |
| 8 | design-systems | 15 |
| 9 | fd-design-system | 11 |
| 10 | design-system-starter | 8 |
| 11 | figma-tokens-converter-cli | 8 |
| 12 | design-tokens | 1 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com