Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.
- Components: yes
- Voice: yes
- Kit: yes
- GitHub
29 design systems
These are the design systems that publish every layer: coded components, writing guidance on voice and tone, a design file for designers (usually Figma, sometimes Sketch or Adobe XD), and source code you can read on GitHub, GitLab or Bitbucket. They are the best references if you are building a system of your own, because you can trace a decision from the design file through the docs to the code that ships it.
Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.
Alaska Airlines in Travel & mobility
Auro, Alaska Airlines' design system built from web components.
Enterprise UI language from Ant Group, with one of the most widely used React component libraries.
Cloud-connected UI components for apps built on AWS Amplify, for React, Angular, Vue and more.
Foundations, components and content guidelines behind Jira, Confluence and Trello.
Aurora, the design system of the Government of Canada's GCTools collaboration platforms.
The open-source design system behind the AWS Management Console, with React components.
Skyscanner's design system for web, iOS and Android.
Forma 36, Contentful's React design system, also used to build apps for its platform.
EUI, the React components behind Kibana and Elastic Cloud.
Microsoft's Fluent components for React, web components, iOS and Android.
A responsive front-end framework for websites and HTML email.
DSFR, the official design system for French state websites.
Pajamas, GitLab's design system, with Vue components in GitLab UI.
Google's open design system for Android, Flutter and the web, now Material 3.
Helios, HashiCorp's design system for its cloud products, built with Ember components.
IBM's open-source design system, with React, web component and Angular implementations.
Italian government in Government & public sector
Designers Italia, the design system for Italian public administration services.
KRDS, the official design system for South Korean government websites.
A minimal Material Design UI kit from MDBootstrap.
SLDS, the CSS framework and guidelines for building Salesforce-style apps.
Shopify's design system for its admin and the apps built on its platform.
iX, Siemens' open-source design system for industrial software.
SGDS, the Singapore Government Design System.
Paste, Twilio's React design system.
Vanilla, Canonical's Sass framework for Ubuntu websites.
Community-made UI elements in plain CSS and Tailwind, free to copy.
USWDS, the design system for U.S. federal government websites.