storybook-design-token
Awesome-Design-Tokens
storybook-design-token | Awesome-Design-Tokens | |
---|---|---|
1 | 1 | |
634 | 1,126 | |
0.8% | - | |
7.6 | 5.3 | |
about 2 months ago | about 2 months ago | |
TypeScript | ||
MIT License | The Unlicense |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
storybook-design-token
-
Storybook for everyone: CSF vs. MDX
Designers can now share their design tokens and write documentation to make developers understand the reason behind design patterns. Here is a very cool example from the Storybook MDX announcement article. Philip Siekmann created an amazing addon that generates design token documentation from your stylesheets and asset files and the demo file is documented using MDX.
Awesome-Design-Tokens
What are some alternatives?
react-uswds - USWDS 3.0 components built in React
style-dictionary - A build system for creating cross-platform styles.
design-tokens - 🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
theo - Theo is a an abstraction for transforming and formatting Design Tokens
amplify-ui - Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
community-group - This is the official DTCG repository for the design tokens specification.
NovaSheets - The simple but powerful CSS preprocessor
polaris - Shopify’s design system to help us work together to build a great experience for all of our merchants.
addon-react-native-web - Build react-native-web projects in Storybook for React
awesome-design-systems - 📒 A curated list of bookmarks, resources and articles about design systems focused on developers.
ngx-nice-avatar - Avatar creator usign svg
theme-ui - Build consistent, themeable React apps based on constraint-based design principles