Aalto University in Education & research
Brand and visual identity guidelines of the Finnish university, with digital components.
- Components: yes
- Voice: yes
- Kit: yes
- Code: no
74 design systems
These design systems publish a kit for designers: a Figma library, a Sketch file, or older Photoshop and Adobe XD assets. A good kit mirrors the coded components, with the same names, variants and tokens, so designs hand off cleanly to engineering.
Aalto University in Education & research
Brand and visual identity guidelines of the Finnish university, with digital components.
Adobe's design system behind Creative Cloud and Document Cloud, shipped as React Spectrum and Spectrum Web Components.
Design system of Adjust, the mobile measurement and analytics company.
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.
Apple's Human Interface Guidelines with design resources and templates for every Apple platform.
Astro, a design system for space and satellite ground-control software.
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.
The BBC's Global Experience Language: shared design guidelines for BBC websites and apps.
A React design system from the Italian product studio buildo.
Palantir's React toolkit for complex, data-dense desktop web interfaces.
React design system from Bridge, a lab at the Federal University of Santa Catarina in Brazil.
BuzzFeed's CSS style guide and utility framework.
Cedar, REI's Vue design system for its outdoor retail sites.
Design, content and accessibility guidance from the UK's Co-op.
Forma 36, Contentful's React design system, also used to build apps for its platform.
LocalTapiola in Finance & insurance
Duet, the web component design system of the Finnish insurer LocalTapiola.
EUI, the React components behind Kibana and Elastic Cloud.
Fluid, the design system of the energy group ENGIE.
Brand Estonia: the country's visual identity, tone of voice and design toolkit.
Finland's country brand toolbox: visual identity, images and storytelling guidance.
Acorn, the design system behind Firefox.
Tailwind CSS components with a matching Figma design system.
Microsoft's Fluent components for React, web components, iOS and Android.
A responsive front-end framework for websites and HTML email.
Design system of Foyer, a Luxembourg insurance group.
DSFR, the official design system for French state websites.
GitHub's design system, with React components, CSS and Rails ViewComponents.
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.
React components built on Tailwind CSS, formerly NextUI.
IBM's open-source design system, with React, web component and Angular implementations.
Harmony, the design system behind QuickBooks and Intuit's small-business products.
Italian government in Government & public sector
Designers Italia, the design system for Italian public administration services.
PIE, the design system of the food delivery marketplace Just Eat Takeaway.com.
Guides from the Russian business software company Kontur, with its React UI library.
KRDS, the official design system for South Korean government websites.
VK (Mail.ru Group) in Media & social
Paradigm, the design guidelines of Mail.ru Group, now VK.
A minimal Material Design UI kit from MDBootstrap.
A front-end framework based on Material Design.
Fluent 2, Microsoft's design language across its products and platforms.
LeafyGreen, MongoDB's React design system.
Morningstar in Finance & insurance
Design system of the investment research firm Morningstar.
React components that implement Google's Material Design.
Nordhealth in SaaS & productivity
Nord, Nordhealth's design system for healthcare and veterinary software.
Design system for New York State government websites.
Odyssey, Okta's design system for its identity products.
Government of Ontario in Government & public sector
Design system for Ontario government websites and services.
Redwood, Oracle's design language for its cloud applications.
Porsche's design system for its digital products, as web components with React, Angular and Vue wrappers.
Reshaped in Component libraries
React components with a matching Figma library for product teams.
SLDS, the CSS framework and guidelines for building Salesforce-style apps.
Tegel, Scania's web component design system.
Sprout Social in SaaS & productivity
Seeds, Sprout Social's design system.
React design system from ByteDance's Douyin front-end team.
Intergalactic, Semrush's React design system.
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.
Mística, Telefónica's design system for web, iOS and Android.
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.
A Figma UI kit with matching open-source React components.
USWDS, the design system for U.S. federal government websites.
Vibe, monday.com's React design system.
VTEX's React components for its commerce admin.