Archive
All design systems
86 results
Agriculture Design System / AgDS
Australian Department of Agriculture, Fisheries and Forestry
Actively developed React system building on GOLD; listed as a reusable pattern by the Australian Government Architecture.
Ant Design
Ant Group / Alibaba
One of the most widely used enterprise React design systems. The family includes Ant Design Mobile, Pro Components and AntV charts.
Apple Human Interface Guidelines UI Kits
Apple
Apple does not open source a component library, but publishes official UI kits for iOS, iPadOS, macOS, watchOS and visionOS, based on the HIG and the 2025 "Liquid Glass" language.
Arco Design
ByteDance
ByteDance's enterprise design system with React and Vue libraries and a theming platform (Design Lab).
Astro UXDS
US Space Force / Rocket Communications
Design system for space and satellite-operations software used by the US Space Force. Stencil web components with React and Angular wrappers; audited against MIL-STD-1472H.
Atlassian Design System
Atlassian
The system behind Jira, Confluence and Trello, distributed as @atlaskit packages with design tokens, dark mode and Atlassian Sans/Mono.
Audi UI
Audi
Audi's vanilla CSS/JS UI kit. Archived in November 2024; use only as a historical reference.
Backpack
Skyscanner
Skyscanner's design system with web (React), iOS (SwiftUI/UIKit) and Android (Views and Jetpack Compose) implementations, Apache 2.0. Tokens are synced from Figma variables into DTCG JSON with a `token-sync` CLI.
Backstage UI
Spotify / Backstage
Design system for Backstage, the developer portal Spotify open sourced and donated to the CNCF (formerly "Canon"). The closest public Spotify-originated UI system.
Base Web
Uber
Uber's React implementation of the Base design language, now in limited maintenance (mirrors internal development).
Blueprint
Palantir
Palantir's React UI toolkit, optimized for complex, data-dense desktop web applications (not mobile-first). Licensed under an Apache 2.0-based Blueprint License that asks you not to pass derivatives off as Palantir products.
Braid
SEEK
SEEK Group's themeable React design system, built with vanilla-extract and themes for SEEK, Jobstreet and Jobsdb brands. Known for Playroom, a design-in-code prototyping tool.
Calcite Design System
Esri
Esri's framework-agnostic web components design system for ArcGIS and map-focused apps. 1.0 shipped in January 2023; strong RTL and numbering-system localization (including Arabic numerals).
Canvas
Workday
Workday's design system for HR and finance products, delivered as Canvas Kit (React) with tokens and icons.
Carbon
IBM
IBM's open source design system for enterprise products, built on the IBM Design Language.
Clarity
VMware by Broadcom
VMware's enterprise design system. The Angular implementation is active; Clarity Core (web components) was archived on 17 February 2026.
Cloudscape
Amazon Web Services
AWS's React design system, created in 2016 for the AWS Management Console and open sourced under Apache 2.0 in July 2022. Strong for dashboards, consoles and data-heavy business apps. Includes Gen AI patterns.
CMS Design System
US Centers for Medicare & Medicaid Services
Open source Section 508-compliant system built on USWDS, with child systems for Healthcare.gov, Medicare.gov and CMS.gov. Tokens sync both ways between Figma variables and the repo.
Codex
Wikimedia Foundation
Wikimedia's design system for Wikipedia and sister projects, built with Vue 3 and tokens.
Coinbase Design System / CDS
Coinbase
Coinbase's design system for retail, business and institutional crypto products, with web and React Native packages, tokens, icons and illustrations.
Crayons
Freshworks
Freshworks' web components design system for Freshdesk/Freshservice apps and marketplace developers.
DSFR, Système de Design de l'État
French Government
The French State's design system (since 2020), mandatory for all State websites and mobile apps since July 2023. Code is MIT-licensed, but **use is restricted to French State websites**: local authorities and private actors may not use it, because it carries the State's identity.
Dubai Design System
Digital Dubai
Digital Dubai's unified design system for Dubai government entities (v1.00, November 2024), distributed on request.
Elastic UI Framework / EUI
Elastic
Elastic's React library and design language for Kibana and Elastic Cloud, built for data-dense interfaces.
Equinor Design System / EDS
Equinor
The Norwegian energy company's open source React design system and tokens (not to be confused with Ericsson's EDS).
Fluent 2
Microsoft
Microsoft's cross-platform design system behind Microsoft 365, Teams and Windows, with React, Web Components, iOS, Android and WinUI implementations.
Forma 36
Contentful
Contentful's open source design system for building and extending Contentful apps. v5 refreshed the look and switched to Phosphor Icons; the Figma libraries were updated to v6.
Garden
Zendesk
Zendesk's design system for its customer service products, with React components and theming.
GC Design System
Government of Canada, Canadian Digital Service
Bilingual (EN/FR) framework-agnostic web components for Canada.ca and other GC sites; meant to eventually replace the Canada.ca Design System and GCWeb.
Geist
Vercel
Vercel's design system, documented publicly. Only the Geist font and icons are open source.
GEL, Global Experience Language
BBC
BBC's design framework: public guidelines and technical guides for accessible, responsive components (guidance first, not a packaged library).
Gestalt
Pinterest's React design system, known for strong accessibility documentation.
GOLD Design System
Australia, community
Community successor to the decommissioned Australian Government Design System. Low activity since 2021-2022.
GOV.UK Design System
UK Government Digital Service
The UK government's design system, implemented in GOV.UK Frontend. The model for many government systems worldwide.
Gravity UI
Yandex
Yandex's open source design system and React UI kit, used in Yandex Cloud and internal tools.
Helios
HashiCorp, an IBM company
HashiCorp's design system for HCP and its products: Ember components, tokens and the Flight icon set.
HPE Design System / Grommet
Hewlett Packard Enterprise
HPE's design system, built on Grommet (React) with the `grommet-theme-hpe` theme and `hpe-design-tokens`. Theme v8 (October 2025) introduced "Landmark", HPE's refreshed visual language, switching to the Graphik typeface and new HPE icons.
Instructure UI
Instructure / Canvas LMS
InstUI, the open source (MIT) React design system behind Canvas LMS, used by millions of learners. 100+ packages, 4 built-in themes including high contrast, WCAG 2.1 AA, RTL support.
Intelligence Community Design System
UK SIS / MI6, MI5, GCHQ
Open source system UK intelligence agencies use for specialist apps; Stencil web components with React wrappers.
Lightning Design System / SLDS 2
Salesforce
Salesforce's design system for the Lightning platform, implemented through Lightning Web Components. SLDS 2 ("Cosmos") adds styling hooks and agentic experience patterns.
Lion
ING
ING's open source, white-label, framework-agnostic web components (WCAG 2.2 AA target). ING's own branded library (ing-web) is a thin layer on top. Ideal as an accessible base for building your own branded system.
Material Design 3
Google's open source design system for Android, Flutter and the web. "M3 Expressive" adds vibrant color, motion physics, toolbars and split buttons.
MOJ Design System
UK Ministry of Justice
Extends GOV.UK Frontend with case-working components for justice services.
Momentum
Cisco Webex
Cisco Webex's design system with web components, tokens and icons.
Morningstar Design System
Morningstar
Public documentation; the Vue component code is internal/licensed, not open source.
NHS Design System
NHS England
The design system in the NHS digital service manual, built on GOV.UK patterns.
NL Design System
Netherlands, run by ICTU
A community-driven system where Dutch government organizations co-build shared, accessible components, then apply their own brand through design tokens. Licensed EUPL 1.2. Municipalities (Utrecht, Amsterdam, The Hague) and agencies (Logius, MinBZK) run their own themes on the shared architecture.
Nord Design System
Nordhealth
Nordhealth's web components design system for healthcare software. Docs are public; code ships via npm, not an open repo.
NutUI
JD.com
JD.com's mobile-first Vue and React component library for e-commerce.
Odyssey
Okta
Okta's design system for its identity products, built on MUI with Okta tokens and themes.
Orange Design System / Boosted
Orange
Orange's fully open source design system for web, Android, iOS and TV: around 100 components and 1,700+ "Solaris" icons. Boosted is the Orange-branded, accessibility-enhanced Bootstrap distribution. A new Orange Unified Design System (OUDS) is in development.
Orbit
Kiwi.com
Kiwi.com's open source React design system for travel products, with tokens and theming.
Origami
Financial Times
The FT's frontend component system across FT.com and internal products.
Pajamas
GitLab
GitLab's design system, implemented as GitLab UI (Vue) and hosted on GitLab.com.
Paste
Twilio
Twilio's accessible React design system with theming and tokens, used across Twilio Console and Segment.
PatternFly
Red Hat
Red Hat's open source design system for enterprise and hybrid-cloud products such as OpenShift. Current version: PatternFly 6.
Platforms Code / National Design System
Saudi Digital Government Authority
Saudi Arabia's mandatory, Arabic-first (RTL) national design system for .gov.sa platforms ("كود المنصات"), reported at v4.0.0.
Polaris
Shopify
Shopify's design system for the admin and apps. Polaris React is deprecated (repo archived 11 September 2026). Polaris Web Components (released 1 October 2025, loaded from Shopify's CDN) are the supported path.
Porsche Design System
Porsche
Porsche's web design system (v4), shipped as web components with React, Angular and Vue wrappers.
Primer
GitHub
GitHub's design system: Primer React, Primer ViewComponents (Rails), CSS and Primer Primitives tokens.
Protocol
Mozilla
Mozilla's design system for its websites, such as mozilla.org.
Radix Themes and Primitives
WorkOS
Unstyled accessible Primitives and a styled Themes library from WorkOS; the base for shadcn/ui and many brand systems.
Red Hat Design System
Red Hat
Web components system for Red Hat's brand and marketing sites (separate from product UI).
Ring UI
JetBrains
JetBrains' React library for its web products (YouTrack, Hub, TeamCity web).
Ripple
Victorian Government, Australia
Apache 2.0 design system for vic.gov.au, used by 50+ government sites.
Saga
Grafana Labs
Grafana's design system, implemented in `@grafana/ui` inside the Grafana monorepo.
Salt
J.P. Morgan
J.P. Morgan's open source design system for financial web apps and data-dense trading UIs, succeeding its UI Toolkit.
SAP Fiori / UI5 Web Components
SAP
SAP's Fiori design language implemented as framework-agnostic UI5 Web Components (with React wrappers) and OpenUI5.
Scale
Deutsche Telekom
Telekom's open source (MPL 2.0) web components design system, still labeled "open beta". Brand assets are reserved.
Seeds
Sprout Social
Sprout Social's open source design system with "Racine" React components, tokens and content guidelines.
Siemens iX
Siemens
Siemens' open source design system for industrial software and IoT apps; Stencil web components with Angular, React and Vue wrappers.
Singapore Government Design System / SGDS
GovTech Singapore
Singapore's open source government design system, aligned with the Digital Service Standards. SGDS v3 was rebuilt with a token architecture, advanced theming for agency sub-brands, and tighter Figma-code alignment.
Source
The Guardian
The Guardian's design system (typography, color, layout, React components) in the `csnx` monorepo.
Spectrum / Spectrum 2
Adobe
Adobe's design system across Creative Cloud and Document Cloud. Spectrum 2, announced December 2023, is rolling out across Adobe apps and ships as `@react-spectrum/s2`.
TDesign
Tencent
Tencent's enterprise design system with Vue, React, Angular, mini-program, Flutter and mobile implementations.
U.S. Web Design System / USWDS
US GSA
The US federal design system for accessible, mobile-friendly government sites (21st Century IDEA Act, Section 508).
UAE Design System / AEGOV DLS
UAE TDRA
The UAE federal government's open source design language system (v3.0) for federal entity sites, built on Tailwind CSS with full Arabic RTL support.
VA.gov Design System / VADS
US Department of Veterans Affairs
VA.gov's front-end framework, built on USWDS, with a web component library and a CSS library (tokens in CSS, SCSS, JSON). Very active: frequent releases (v54.x in early 2026).
Vanilla Framework
Canonical / Ubuntu
Canonical's Sass/CSS framework for ubuntu.com and its products, with a React companion library.
VCC UI
Volvo Cars
Volvo Cars' React UI library on npm under an "UNLICENSED" license: public, not open source.
Vibe
monday.com
monday.com's open source React design system for the Work OS and its app marketplace.
VKUI
VK
VK's React library for VK Mini Apps and VK web interfaces, adapting between mobile and desktop.
Wise Design / Neptune
Wise
Wise's public design guidelines, implemented in the open source Neptune web library.
Wix Style React
Wix
Wix's React library for the Wix Business Manager and app-market developers.
WordPress Components
WordPress / Automattic
The `@wordpress/components` library powering the Gutenberg block editor and WordPress admin.
WPDS
The Washington Post
The Washington Post Design System: React components and tokens.