storybook-design-token
react-uswds
| storybook-design-token | react-uswds | |
|---|---|---|
| 1 | 5 | |
| 634 | 164 | |
| 0.8% | 5.5% | |
| 7.6 | 9.5 | |
| about 2 months ago | 11 days ago | |
| TypeScript | TypeScript | |
| MIT License | Apache License 2.0 |
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.
react-uswds
- Been out of the loop with the latest trends for about 2 years. What's worth investing my free time in?
-
USWDS: The United States Web Design System
I somehow stumbled across this over the weekend.
There's a React component library (with a deployed storybook):
* https://github.com/trussworks/react-uswds
* https://trussworks.github.io/react-uswds/?path=/story/compon...
-
The new White House website has a hidden message calling for coders
If you’re and engineer and you’re wanting to just dip your toes in or have something to do between interviews, look for open source government projects to contribute to (e.g. https://github.com/uswds/uswds or https://github.com/trussworks/react-uswds). These can be a great way to see what various organizations are contributing to the civic tech space and to see their development philosophy and style.
What are some alternatives?
design-tokens - 🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Awesome-Design-Tokens - A list of resources on all things to do with Design Tokens
react - An implementation of GitHub's Primer Design System using React
amplify-ui - Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
React95 - A React components library with Win95 UI
NovaSheets - The simple but powerful CSS preprocessor
design-system - Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
addon-react-native-web - Build react-native-web projects in Storybook for React
react-three-paper - A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.
ngx-nice-avatar - Avatar creator usign svg
govuk-components - Lightweight Ruby on Rails components for developing with the GOV.UK Design System.