govuk-components
react-uswds
govuk-components | react-uswds | |
---|---|---|
7 | 5 | |
140 | 166 | |
5.0% | 6.6% | |
9.3 | 9.5 | |
12 days ago | 5 days ago | |
Ruby | 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.
govuk-components
- Ask HN: What side projects landed you a job?
- Library of ViewComponents as a gem?
- Does anyone kind of miss simpler webpages?
- Is ViewComponent the Future of Rails?
-
Exploring ViewComponent
Gov.uk
-
USWDS: The United States Web Design System
I haven't used them myself, but the GOV.UK components look and function great.
https://govuk-components.netlify.app/
-
Ruby on Rails: View Components and Storybook and Tailwind, Match Made in Heaven?
Wow that's awesome, I knew GDS had a design system but didn't realise it was written in Ruby.
Quick link for others: https://github.com/DFE-Digital/govuk-components
I'm going to take a look through the repo as I'm sure there's some patterns you've found given you're at a much bigger scale. Any hot tips?
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?
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
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.
lookbook - A UI development environment for Ruby on Rails apps ✨
govuk-design-system - One place for service teams to find styles, components and patterns for designing government services.
react - An implementation of GitHub's Primer Design System using React
bestmotherfucking.website - The Best Motherfucking Website
React95 - A React components library with Win95 UI
info-frontend - Serves /info pages to display user needs and performance data about a page on GOV.UK
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.
govuk-docker - GOV.UK development environment using Docker 🐳
react-three-paper - A paper-thin (~800 bytes) and position-aware wrapper for ThreeJS in React.