storybook-design-token
addon-react-native-web
storybook-design-token | addon-react-native-web | |
---|---|---|
1 | 1 | |
634 | 71 | |
0.8% | - | |
7.6 | 6.7 | |
about 2 months ago | 3 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.
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.
addon-react-native-web
-
Introducing Storybook for React Native Web
If you are concerned about components being different on the web please see the FAQ where I have tried to address this.
What are some alternatives?
react-uswds - USWDS 3.0 components built in React
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
design-tokens - 🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
react-native - 📓 Storybook for React Native!
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
create-react-native-app - Create React Native apps that run on iOS, Android, and web
amplify-ui - Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
addon_react_native_web_example - An example of the storybook addon in action
NovaSheets - The simple but powerful CSS preprocessor
devhub - TweetDeck for GitHub - Filter Issues, Activities & Notifications - Web, Mobile & Desktop with 99% code sharing between them
ngx-nice-avatar - Avatar creator usign svg
react-native-actions-sheet - A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.