design-tokens
storybook-design-token
design-tokens | storybook-design-token | |
---|---|---|
- | 1 | |
905 | 635 | |
- | 0.9% | |
7.6 | 7.6 | |
about 1 month ago | about 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
design-tokens
We haven't tracked posts mentioning design-tokens yet.
Tracking mentions began in Dec 2020.
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.
What are some alternatives?
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
react-uswds - USWDS 3.0 components built in React
parsers - Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
html-figma - Builder.io for Figma: AI generation, export to code, import from web
amplify-ui - Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
fd-design-system - FD Design System
NovaSheets - The simple but powerful CSS preprocessor
create-figma-plugin - :battery: The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
addon-react-native-web - Build react-native-web projects in Storybook for React
stylo - A new Design-as-code language side project.
ngx-nice-avatar - Avatar creator usign svg