The Design System Ecosystem

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • react-scanner

    Extract React components and props usage from code.

  • > has had any ability to tell me where, how often, or even whether a particular component is in use in the production UI

    I built a dashboard to display this for the design system I work on at my day job to give product designers better visibility into this, using a library called react-scanner[0] and some logic related to the way our different product repos are structured. there are probably other libraries for this sort of thing in different ecosystems, and you can always build your own with a parser as well.

    [0] https://github.com/moroshko/react-scanner

  • govuk-design-system

    One place for service teams to find styles, components and patterns for designing government services.

  • The best design system around[0] operates entirely in the open. You can look through the history, discussions, PRs, framework-specific implementations and see why it's geared the way it is - and why it's incredibly successful.

    [0] https://github.com/alphagov/govuk-design-system

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • govuk-design-system-backlog

    GOV.UK Design System Community Backlog

  • It depends on the level of contribution.

    You can contribute by responding to the discussions in the backlog[0], by improving the actual distributed styles and code[1] or suggesting improvements to the documentation in the link I posted above.

    Bigger changes need to be backed up with user research, evidence of user needs and accessibility reviews and checks.

    [0] https://github.com/alphagov/govuk-design-system-backlog

    [1] https://github.com/alphagov/govuk-frontend

  • govuk-frontend

    GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

  • It depends on the level of contribution.

    You can contribute by responding to the discussions in the backlog[0], by improving the actual distributed styles and code[1] or suggesting improvements to the documentation in the link I posted above.

    Bigger changes need to be backed up with user research, evidence of user needs and accessibility reviews and checks.

    [0] https://github.com/alphagov/govuk-design-system-backlog

    [1] https://github.com/alphagov/govuk-frontend

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts