Design systems

Aalto University's design system for research and teaching digital services, with shared components and guidance.

Adobe Spectrum components and foundations for cohesive experiences across Creative Cloud products.

• Storybook documented
• Open source repository

AgDS — React components and tokens extending GOLD for Australian agriculture department digital services.

• Open source repository

Teamleader Ahoy — CRM and work-management React components with Figma libraries and documentation.

• Figma kit available

Vercel AI Elements is a shadcn-based React kit for AI-native apps — conversation, reasoning, tool-call and streaming UI.

• Open source repository

Airbnb DLS — widely cited design language; public articles and talks, not a browsable documentation site.

Ant Design — enterprise-class UI language and React component library used across Alibaba ecosystem products.

• Open source repository

ByteDance Arco Design — enterprise React and Vue component library with design tokens and Figma kits.

• Open source repository

Headless accessible UI primitives powered by Zag.js — foundation for React, Solid, Vue and Svelte design systems.

• Open source repository

React primitives for AI chat interfaces — threads, messages, composers and MCP-aware surfaces coding agents can compose.

• Open source repository

Meta's open-source React 19 system with 170+ components, StyleX theming, CLI documentation and MCP tooling for agents.

• Open source repository

Framework-agnostic design language for dense agent interfaces: dashboards, chat, multi-agent tools and AMOLED-black products.

• Open source repository

Atlassian design tokens, components and patterns for Jira, Confluence and partner experiences.

• Open source repository

Audi's digital design system — UI components, motion and brand guidance for web and in-car experiences.

Alaska Airlines Auro — web components and design tokens for consistent airline digital experiences.

• Open source repository

Uber Base — company-wide design language with guidelines, tokens and the Base Web React library.

• Figma kit available
• Open source repository

Open-source React implementation of Uber Base with extensive theming and override APIs.

• Figma kit available
• Storybook documented
• Open source repository

Basis design system with documented foundations, patterns and Storybook-driven React components.

• Storybook documented

BBC Global Experience Language and design patterns for consistent editorial and product experiences.

British Columbia design system — provincial components and patterns for accessible public services.

• Open source repository

Biings HR platform design system with documented UI patterns and reusable interface components.

Razorpay Blade — payments platform design system with React components and Figma design kits.

• Open source repository

Palantir Blueprint — React UI toolkit for data-dense enterprise and analytics application interfaces.

• Open source repository

SEEK Braid — themeable React design system for multi-brand job marketplace experiences across APAC.

• Open source repository

Bristol City Council design system — styles, components and patterns for consistent local government digital services.

• Figma kit available

Esri Calcite — web components and design tokens for maps, geospatial apps and ArcGIS experiences.

• Open source repository

IBM's open design system with React, Angular and Vue components, tokens and detailed usage guidance.

• Figma kit available
• Open source repository

Cash App design guidelines and components for fintech product teams building money movement experiences.

REI Cedar — outdoor retail design system with Vue components, tokens and accessibility guidance.

• Open source repository

Cerberus — Panda CSS design system factory with accessible React primitives, data grid and signals on Ark UI.

• Open source repository

CFPB design system — US federal financial regulator components built on accessible, plain-language patterns.

• Open source repository

Chakra UI — accessible React component library used as a design system foundation by many product teams.

• Open source repository

SumUp Circuit — payments and merchant design system with React components and Storybook docs.

• Storybook documented
• Open source repository

AWS Cloudscape — React components and guidelines for building accessible, responsive cloud console experiences.

• Open source repository

Healthcare-focused components and patterns for CMS digital products and public-facing services.

• Open source repository

Wikimedia Codex — Vue design system for Wikipedia, Wikimedia tools and movement web properties.

• Open source repository

Freshworks Crayons — open-source web components so marketplace apps match Freshdesk, Freshsales and CRM UIs.

• Open source repository

Czech government design system — shared components and standards for public administration websites.

Japan DADS — Digital Agency design system for accessible, consistent government digital services.

• Open source repository

Dell's enterprise design system with components, patterns and Storybook documentation for digital products.

• Storybook documented

Designers Italia — Italy's public-sector design system with Bootstrap Italia and React component kits.

• Open source repository

Norway's shared public-sector toolbox of themeable components, patterns, and a theme builder.

• Storybook documented
• Open source repository

Denmark's shared public-sector design system with components, patterns and implementation guidance.

• Open source repository

Dropbox design blog and brand stories — not a public component documentation library.

Datadog Druids — React component library and design tokens for observability product interfaces.

LocalTapiola Duet — insurance and banking design system with web components and documentation.

• Open source repository

DWP patterns and components for benefits and employment services built on GOV.UK foundations.

• Open source repository

Elastic UI framework — React components powering Kibana, Elasticsearch and Elastic Cloud interfaces.

• Open source repository

Elisa EDS — telecom design system with Storybook docs and components for Finnish digital services.

• Storybook documented

Spotify Encore — internal design system; public design blog and articles, not browsable docs.

UK Energy Saving Trust components, colour tokens, and accessibility guidance for inclusive energy-advice digital services.

• Open source repository

GE HealthCare Ethos (formerly Edison) — clinical UI components, tokens and guidelines for healthcare software.

ECL — European Commission component library for EU institution websites and digital services.

• Open source repository

Segment Evergreen — React design system for customer data platform and analytics product interfaces.

• Open source repository

eBay Evo (Playbook) — components, patterns and brand guidance for marketplace experiences.

Microsoft Fluent 2 — cross-platform design language with web, iOS and Android component guidance.

• Figma kit available
• Open source repository

Fluent 2 for Power Platform — modern Power Apps controls, theming and the Creator Kit for Dynamics apps.

• Figma kit available
• Open source repository

Microsoft Fluent UI — React v9 components that implement Fluent 2 for Microsoft 365 and web applications.

• Figma kit available
• Storybook documented
• Open source repository

Zendesk Garden — customer service platform design system with React components and Figma resources.

• Open source repository

Official Government of Canada components, tokens, and bilingual templates for Canada.ca services.

• Open source repository

Vercel Geist — typography, icons and components for modern developer-focused web experiences.

• Figma kit available
• Open source repository

Pinterest Gestalt — React components and design tokens for Pinterest web and mobile surfaces.

• Open source repository

Community-maintained successor to the Australian Government Design System with reusable components.

• Open source repository

Cyprus gov.cy design system — public sector components and guidance for government digital services.

• Open source repository

Styles, components and patterns for UK government services, with WCAG-first guidance.

• Open source repository

Components, patterns and frontend templates for designing publishing experiences on GOV.UK.

• Open source repository

GOVBR-DS — Brazil's federal design system with web components, tokens and accessibility standards.

• Open source repository

IFS Granite — Angular design system for IFS Cloud ERP, with tokens, components and a public style guide.

Goldman Sachs GS design system — financial services UI components and brand guidelines for digital products.

Helsinki city design system with React components, tokens and accessibility-first guidance.

• Figma kit available
• Open source repository

Ideagen Helix — compliance and quality software design system with documented UI foundations.

HM Land Registry components and guidance for accessible digital services aligned with GOV.UK standards.

Tax-specific patterns and components extending GOV.UK guidance for HMRC digital services.

• Open source repository

Home Office design system — patterns and components for UK immigration and security digital services.

• Open source repository

ServiceNow Horizon — platform design system with Figma libraries, patterns and Now Platform guidance.

HubSpot Canvas — the CRM platform design system; public pages cover principles, not a browsable component kit.

• Open source repository

LinkedIn Hue — professional network design system; public brand guidelines, not component docs.

Apple HIG — platform design principles, components and patterns for iOS, macOS, watchOS and visionOS.

Infor Design System (SoHo) — enterprise components, tokens and UX writing for Infor CloudSuite ERP products.

Aviva ION — global component library and CSS codebase for insurance and financial digital products.

MongoDB LeafyGreen — React components and patterns for database cloud and developer tooling UIs.

• Open source repository

Salesforce SLDS 2 — CSS custom properties, Cosmos theme and blueprints for CRM and Lightning apps.

• Figma kit available
• Open source repository

LINE design system — components and guidelines for messaging, fintech and super-app experiences.

Malaysia government design system — components and guidance for public sector digital platforms.

Carrefour Marcel — unified design system for retail web, app and in-store digital touchpoints across markets.

MCP-native React design system that lets coding agents assemble production UI from live component APIs and tokens.

• Open source repository

Google Material 3 — adaptive design system with colour, typography, motion and component specs.

• Figma kit available
• Open source repository

Meta design blog and brand resources — articles and guidance, not a browsable component library.

Justice-specific components and patterns used alongside the GOV.UK Design System.

• Open source repository

Morningstar design system — financial data and research product components with brand guidelines.

Michelin Motion — brand and UI design system for automotive and mobility digital products.

NASAWDS — NASA-themed implementation built on USWDS for accessible federal space agency websites.

• Open source repository

NDLA Designmanual — Storybook docs and @ndla/* packages for Norway's open educational resources platform.

• Storybook documented
• Open source repository

NHS service manual patterns and components for accessible health and care digital services.

• Open source repository

NL Design System — shared components and principles for Netherlands central government digital services.

• Open source repository

Nokia brand design standards — typography, colour and digital guidelines for product experiences.

Nordhealth design system — clinical and practice-management UI components for European health tech.

• Open source repository

New South Wales government components, patterns and brand guidance for digital services.

• Open source repository

New York State design system — accessible components and patterns for NY government digital services.

New Zealand government alpha design system with reusable components, patterns and style guidance.

• Open source repository

Samsung One UI — Android design guidelines for Galaxy devices, apps and system experiences.

ONS foundations, components and patterns for building accessible statistics and survey digital services.

• Open source repository

Ontario public sector components and design standards for accessible, consistent digital services.

Orange Boosted — Bootstrap-based design system for Orange digital products and services.

• Open source repository

Kiwi.com Orbit — travel booking design system with React components, tokens and Storybook.

• Open source repository

OVHcloud ODS — assets, tokens and React components for consistent experiences across OVHcloud cloud products.

• Storybook documented
• Open source repository

GitLab Pajamas — Vue and web components with Figma kits for DevSecOps product interfaces.

• Figma kit available
• Open source repository

Pando — Pluralsight design system built on Ark UI with documented patterns for learning platform product teams.

Park UI — accessible components built with Ark UI and Panda CSS, distributed as source for React, Vue and Solid.

• Open source repository

Twilio Paste — communications platform design system with React components, tokens and Figma kits.

• Open source repository

Red Hat PatternFly — open design system for enterprise product UIs with React and HTML/CSS components.

• Open source repository

Brainly Pencil — design language and components for education community product experiences.

• Storybook documented

Pluralsight design system — learning platform components with accessibility-focused documentation.

• Open source repository

Shopify Polaris — React components and guidelines for merchant admin and commerce experiences.

• Open source repository

Polestar Toolbox by Stockholm Design Lab — monochrome brand system with Unica77 type, marking principle and digital guidelines.

Argentina Poncho — federal government UI kit with components and templates for public digital services.

• Open source repository

Porsche digital brand guidelines and UI foundations for web and in-vehicle experiences.

Power Playbook — home-services company design system with Figma resources and component guidance.

GitHub Primer — React components, CSS utilities and design guidelines for developer tools.

• Figma kit available
• Open source repository

A design-system contract layer for agents — compiles Figma, Storybook and code into machine-readable MCP context.

• Open source repository

Mozilla Protocol — CSS and React components for Firefox, Mozilla.org and foundation web properties.

• Open source repository

QGDS — Queensland government design system with Bootstrap, vanilla and web component implementations.

• Open source repository

Radix Themes — accessible React component library and design system built on Radix UI primitives.

• Open source repository

Oracle Redwood — UX system for Cloud ERP, HCM, CX and NetSuite, with page templates and JET components.

• Storybook documented
• Open source repository

Ripple — Victorian Government design system used across vic.gov.au and 50+ state agency websites.

South Australia website design system — accessible components for SA government digital services.

Kajabi Sage — creator-economy platform design system with React components and Storybook docs.

• Storybook documented

Multi-brand Fable system — accessible, themeable components for Sainsbury's, Argos, Nectar and Tu.

• Figma kit available

SAP Fiori — Horizon-themed enterprise UX guidelines and components for SAP S/4HANA and business apps.

• Open source repository

SAP Fiori for Android — native Android guidelines combining Material Design with SAP enterprise patterns.

SAP Fiori for iOS — native iPhone and iPad guidelines blending Apple HIG with SAP enterprise patterns.

Scotland-specific design standards, components and guidance for public sector digital services.

Sprout Social Seeds — social media management UI components and design guidelines.

shadcn/ui — copy-paste React component collection built on Radix UI and Tailwind, widely adopted in 2026.

• Open source repository

Shark UI — shadcn-style copy-paste components on Ark UI with Tailwind CSS and inspectable source in your repo.

• Open source repository

Singapore government components and guidelines for consistent, accessible public digital services.

• Open source repository

Italy's INPS Sirio — public-sector design system with tokens, components and accessibility guidance.

• Open source repository

Škoda Flow — digital design system with Storybook docs and a public web component library.

• Storybook documented

Sunrise Solar — Swiss telecom design system with components for consumer and business digital products.

DSFR — France's official state design system with HTML/CSS/JS components for public administration sites.

• Open source repository

Tailwind CSS — utility-first CSS framework widely used as a foundation layer in modern design systems.

• Open source repository

Tark UI — 50+ accessible components styled with Ark UI and Tailwind CSS for React, Vue, Solid and Svelte.

• Open source repository

VTS Terra — commercial real estate platform design system with documented UI components.

Motorway's internal atomic design system — Transport-inspired typography and a bold digital palette.

National Archives components and styles for consistent, accessible UK public record and archive services.

• Open source repository

Thumbtack Thumbprint — marketplace design system with React, SCSS and token-driven components.

• Open source repository

NS Tractie — Dutch Railways design system with components for ticketing and travel digital services.

• Storybook documented

TfWM patterns, components and guidance for accessible regional transport and mobility digital services.

• Open source repository

Accessible components and guidance for US federal websites, with tokens, utilities and patterns.

• Figma kit available
• Open source repository

United Arab Emirates government design standards for unified digital experiences across entities.

Shared design standards for UK intelligence community digital services and applications.

India's official UX4G design system for accessible, consistent government digital products.

VA design system — US veterans health and benefits digital services with accessible React components.

• Open source repository

Monday.com Vibe — work-management UI components with Figma libraries and Storybook documentation.

• Storybook documented
• Open source repository

Visa design system — payment brand guidelines and UI components for financial product experiences.

Wonderflow Wanda — customer analytics platform design system with React components and Storybook.

• Open source repository

Docplanner Watson — healthcare booking platform design system with components and usage guidance.

• Open source repository

Flemish Webuniversum — design system and web components for Belgian Flanders government websites.

Lemon Squeezy Wedges — React and Radix-based component library for merchant and checkout UIs.

• Open source repository

WinUI 3 — native Windows UI in the Windows App SDK, implementing Fluent Design for desktop applications.

• Figma kit available
• Open source repository

Wise design guidelines and components for money transfer and financial product experiences.

Workday Canvas — enterprise HR and finance UI components with accessibility and localisation guidance.

• Open source repository

Washington Post WPDS — newsroom design system with React components and editorial UI patterns.

Wellhub Yoga — wellness-focused components and brand guidelines for fitness and benefits products.