Design Systems Directory

Design systems, component libraries, and UI toolkits from around the world.

Last updated 30 September 2026 · refreshed weekly

183 systems·47 expose·22 publish

183 systems

Elastic UI framework

Elastic UI framework

Dark tokensReactCSS-in-JS
Sainsbury's Design System

Sainsbury's Design System

ReactSass
Ariakit

Ariakit

8.6k stars·updated Sep 2026
React
SubZero

SubZero

Web Awesome

Web Awesome

1.3k stars·updated Sep 2026·MIT
AISkillsllms.txtComponent tokensDark tokensWeb Components
Red Hat design system

Red Hat design system

149 stars·updated Sep 2026·MIT
AIUXDark tokensWeb Components
HeroUI

HeroUI

31k stars·updated Sep 2026·Apache-2.0
AIMCPSkillsllms.txtComponent tokensDark tokensToken packageReactTailwind CSS
Morningstar Product System

Morningstar Product System

Vue
Visa Product Design System

Visa Product Design System

AIllms.txtAngularReactCSSMobile
Elisa Design System

Elisa Design System

AIUXReact
NewsKit

NewsKit

141 stars·updated Sep 2026·NOASSERTION
ReactCSS-in-JS
Momentum Design

Momentum Design

ReactWeb Components
Chakra UI

Chakra UI

AIMCPSkillsllms.txtDark tokensToken packageReactCSS-in-JS
Blueprint

Blueprint

22k stars·updated Sep 2026·Apache-2.0
DTCGDark tokensReactSass
eBay Playbook

eBay Playbook

236 stars·updated Apr 2025·NOASSERTION
AIllms.txtWeb Components
Flowbite

Flowbite

AIMCPDark tokensTailwind CSS
Cauldron

Cauldron

127 stars·updated Sep 2026·MPL-2.0
Component tokensDark tokensReactCSS
Nessie

Nessie

Web ComponentsTailwind CSS
PatternFly

PatternFly

AIUXMCPComponent tokensDark tokensToken packageReactSass
Cedar

Cedar

51 stars·updated Sep 2026·MIT
Component tokensDTCGToken packageVueSassCSS Modules
Headless UI

Headless UI

29k stars·updated Apr 2026·MIT
ReactVue
Gestalt

Gestalt

4.4k stars·updated Sep 2026·Apache-2.0
Component tokensToken packageReactCSS
Geist Design System

Geist Design System

React
Pajamas

Pajamas

AIUXVue
Base Web

Base Web

ReactCSS-in-JS
Porsche Design System

Porsche Design System

648 stars·updated Sep 2026·NOASSERTION
Web ComponentsAngularReactVue
shadcn/ui

shadcn/ui

AIMCPllms.txtComponent tokensDark tokensReactTailwind CSS
Clarity Design System

Clarity Design System

CSSAngularWeb Components
Wanda

Wanda

234 stars·updated Aug 2026·Apache-2.0
ReactCSS Modules
Coral

Coral

159 stars·updated Sep 2026·Apache-2.0
Dark tokensToken packageReact
Backpack

Backpack

543 stars·updated Aug 2026·Apache-2.0
Component tokensDTCGDark tokensToken packageMobileReact
Polaris

Polaris

AIMCPReact
Primer

Primer

AIUXMCPComponent tokensDark tokensToken packageReact
Nord Design System

Nord Design System

AISkillsllms.txtWeb Components
Material Design

Material Design

MobileWeb ComponentsSass
Carbon Design System

Carbon Design System

AIUXMCPllms.txtComponent tokensDark tokensToken packageReactVanilla JSAngularVueSvelteWeb Components
Wise Design

Wise Design

Mobile
Ant Design

Ant Design

AIMCPllms.txtComponent tokensDark tokensReact
Decathlon Design System

Decathlon Design System

Token packageCSSReactSvelteVueWeb Components
Helios

Helios

512 stars·updated Sep 2026·MPL-2.0
Component tokensDTCGDark tokensToken packageEmberSass
Mozilla Protocol

Mozilla Protocol

294 stars·updated Jun 2026·MPL-2.0
Token packageHandlebarsSass
ONS Design System

ONS Design System

42 stars·updated Sep 2026·MIT
Component tokensHTMLNunjucksSass
giffgaff design system

giffgaff design system

Crayons

Crayons

248 stars·updated Sep 2026
Component tokensDark tokensWeb Components
Workday Canvas Design System

Workday Canvas Design System

358 stars·updated Sep 2026·Apache-2.0
AIUXMCPDark tokensReact
GOLD Design System

GOLD Design System

72 stars·updated Sep 2021·MIT
ReactSass
Evergreen

Evergreen

React
Dell Design System

Dell Design System

AIllms.txtVanilla JS
Fluent UI

Fluent UI

AIUXReactWeb ComponentsMobile
Quasar Framework

Quasar Framework

27k stars·updated Sep 2026·MIT
AIllms.txtVue
Jøkul Designsystem

Jøkul Designsystem

77 stars·updated Sep 2026·MIT
DTCGDark tokensReactSass
Atlassian Design System

Atlassian Design System

AIUXMCPllms.txtDark tokensToken packageReact
Forma 36

Forma 36

ReactCSS-in-JS
Auro

Auro

16 stars·updated Jul 2026
AIllms.txtToken packageWeb ComponentsSass
Source

Source

99 stars·updated Dec 2022·Apache-2.0
React
Spectrum

Spectrum

1.3k stars·updated Sep 2026·Apache-2.0
AIMCPSkillsllms.txtComponent tokensDark tokensToken packageCSSWeb ComponentsReact
W3C design system

W3C design system

81 stars·updated Jul 2026·NOASSERTION
SassVanilla JS
Pharos

Pharos

131 stars·updated Sep 2026·MIT
Component tokensWeb ComponentsSass
Bolt Design System

Bolt Design System

SassTwigWeb Components
Ontario Design System

Ontario Design System

Token packageHTMLSass
Nucleus Design System

Nucleus Design System

Web Components
West Midlands Network Design System

West Midlands Network Design System

7 stars·updated Jun 2026
HTMLNunjucksSass
Helsinki Design System

Helsinki Design System

196 stars·updated Sep 2026·MIT
Token packageReactCSS
Radix Primitives

Radix Primitives

React
NHS Digital service manual

NHS Digital service manual

77 stars·updated Sep 2026·MIT
Nunjucks
Instructure-UI

Instructure-UI

479 stars·updated Sep 2026·NOASSERTION
AISkillsllms.txtComponent tokensDark tokensToken packageReactCSS-in-JS
Shoelace

Shoelace

14k stars·updated May 2026·MIT
Component tokensDark tokensWeb Components
generic-components

generic-components

572 stars·updated Jul 2022·MIT
Web Components
Purple3

Purple3

CSS
Aurora

Aurora

94 stars·updated Jun 2019·MIT
CSS
Paste

Paste

AIUXReactCSS-in-JS
uStyle

uStyle

19 stars·updated Feb 2024·NOASSERTION
Sass
98.css

98.css

11k stars·updated Sep 2025·MIT
CSS
eBay MIND Patterns

eBay MIND Patterns

84 stars·updated May 2026·MIT
AIMCP
BBC Global Experience Language

BBC Global Experience Language

Seeds

Seeds

React
Thumbprint

Thumbprint

12 stars·updated Aug 2025·Apache-2.0
AIUXToken packageReactSass
Duet Design System

Duet Design System

AISkillsAngularVueReact
Bulma

Bulma

50k stars·updated Mar 2026·MIT
Dark tokensSass
Bootstrap

Bootstrap

Component tokensDark tokensSass
Grommet

Grommet

8.4k stars·updated Sep 2026·Apache-2.0
Component tokensDark tokensToken packageReact
Seek style guide

Seek style guide

React
United States Web Design System

United States Web Design System

7.2k stars·updated Sep 2026·NOASSERTION
AIllms.txtToken packageNunjucks
Stacks

Stacks

671 stars·updated Sep 2026·MIT
AIllms.txtDark tokensStimulus
Brighton & Hove City Council Website pattern library

Brighton & Hove City Council Website pattern library

Lightning Design System

Lightning Design System

AIUXReact
A11Y Style Guide

A11Y Style Guide

549 stars·updated Oct 2021·MIT
jQuery
Inclusive Components

Inclusive Components

GOV.UK Design System

GOV.UK Design System

Nunjucks
FutureLearn design system

FutureLearn design system

React
MUI (Material UI)

MUI (Material UI)

99k stars·updated Sep 2026·MIT
AIMCPllms.txtDark tokensReact
Mantine

Mantine

32k stars·updated Sep 2026·MIT
AIMCPSkillsllms.txtDark tokensReact
Radix UI

Radix UI

19k stars·updated Aug 2026·MIT
Component tokensDark tokensToken packageReact
daisyUI

daisyUI

42k stars·updated Sep 2026·MIT
AIMCPSkillsllms.txtDark tokensTailwind CSS
Storybook Design System

Storybook Design System

2k stars·updated May 2025
AIllms.txtReact
Tremor

Tremor

3.6k stars·updated Oct 2025·Apache-2.0
ReactTailwind CSS
Park UI

Park UI

2.4k stars·updated Apr 2026·MIT
Dark tokensReactVueTailwind CSS
Reshaped

Reshaped

AIMCPReact
Nuxt UI

Nuxt UI

6.9k stars·updated Sep 2026·MIT
AIMCPllms.txtDark tokensVueTailwind CSS
KoliBri

KoliBri

280 stars·updated Sep 2026·EUPL-1.2
Dark tokensToken packageWeb Components
Aalto University

Aalto University

AWS Cloudscape

AWS Cloudscape

AIUXllms.txtComponent tokensDTCGDark tokensToken package
Apple

Apple

AIUX
Audi

Audi

Australian Gov

Australian Gov

Aviva

Aviva

Basis

Basis

BBC

BBC

Biings

Biings

Brainly

Brainly

Carrefour

Carrefour

AIMCP
Cash App

Cash App

Datadog

Datadog

Denmark

Denmark

Esri

Esri

Token package
General Electric

General Electric

Ideagen

Ideagen

INPS

INPS

Kajabi

Kajabi

Component tokensDark tokens
Lemon Squeezy

Lemon Squeezy

Line

Line

Michelin

Michelin

Token package
Vibe (monday.com)

Vibe (monday.com)

AIMCPComponent tokensDark tokens
MongoDB

MongoDB

Morningstar

Morningstar

Motorway

Motorway

NS

NS

AIMCP
NSW

NSW

NYS

NYS

AIMCP
Orange

Orange

Palantir

Palantir

DTCGDark tokens
Pando (Pluralsight)

Pando (Pluralsight)

Playbook (Power Home Remodeling)

Playbook (Power Home Remodeling)

Razorpay

Razorpay

AIMCPDark tokens
Samsung

Samsung

SAP

SAP

AIUX
Seek

Seek

ServiceNow

ServiceNow

AIUXllms.txt
Sigma

Sigma

Skoda

Skoda

SumUp

SumUp

Dark tokensToken package
Sunrise

Sunrise

Tailwind

Tailwind

AIUX
Teamleader

Teamleader

UAE

UAE

Vercel

Vercel

Visa

Visa

AIllms.txt
VTS

VTS

Washington Post

Washington Post

Wikimedia

Wikimedia

Component tokensDark tokensToken package
Zendesk

Zendesk

Mews Design System

Mews Design System

React
Telekom Scale

Telekom Scale

423 stars·updated Aug 2026·NOASSERTION
Component tokensDark tokensToken packageWeb ComponentsReactAngular
Element Plus

Element Plus

28k stars·updated Sep 2026·MIT
AIllms.txtVueSassCSS
Arco Design

Arco Design

5.7k stars·updated Aug 2026·MIT
Component tokensReactVueMobile
Semi Design

Semi Design

10k stars·updated Sep 2026·NOASSERTION
AIMCPSkillsReactSass
TDesign

TDesign

4k stars·updated Sep 2026·MIT
Dark tokensReactVueMobileCSS
PrimeReact

PrimeReact

8.3k stars·updated Aug 2026·MIT
AIllms.txtDark tokensReactTailwind CSSCSS
Naive UI

Naive UI

19k stars·updated Aug 2026·MIT
Component tokensDark tokensVue
DSFR (Système de Design de l'État)

DSFR (Système de Design de l'État)

389 stars·updated Sep 2026·NOASSERTION
CSSSassWeb Components
NL Design System

NL Design System

Component tokensDTCGDark tokensCSSWeb ComponentsReact
SGDS (Singapore Government Design System)

SGDS (Singapore Government Design System)

19 stars·updated Sep 2026·MIT
AIUXMCPSkillsComponent tokensDark tokensWeb ComponentsReactVueAngularTailwind CSS
Designsystemet (Norway)

Designsystemet (Norway)

208 stars·updated Sep 2026·MIT
AIComponent tokensDTCGDark tokensReactCSSWeb Components
Emplifi Soul

Emplifi Soul

AIUXReact
Microsoft Power Platform

Microsoft Power Platform

AIUXPower Fx
Serendie

Serendie

55 stars·updated Sep 2026·MIT
AIMCPSkillsllms.txtDTCGDark tokensToken packageReact
Astryx

Astryx

13k stars·updated Sep 2026·MIT
AIMCPllms.txtDark tokensToken packageReactCSS-in-JS
CMS Design System

CMS Design System

364 stars·updated Sep 2026·NOASSERTION
AIllms.txtComponent tokensDTCGReactSass
Maersk Design System

Maersk Design System

AIUXMCPWeb Components
Arbetsförmedlingen Designsystem

Arbetsförmedlingen Designsystem

Web ComponentsReactAngular
Paysafe

Paysafe

Amplitude

Amplitude

Siemens Industrial Experience (iX)

Siemens Industrial Experience (iX)

373 stars·updated 28d ago·MIT
AIMCPComponent tokensDark tokensReactAngularVueWeb Components
Delphinus (Aarhus University)

Delphinus (Aarhus University)

Sass
Rivet (Indiana University)

Rivet (Indiana University)

60 stars·updated 28d ago·BSD-3-Clause
Canada.ca Design System

Canada.ca Design System

118 stars·updated Sep 2026
Sass
VA.gov Design System

VA.gov Design System

Component tokensToken packageWeb ComponentsReact
Europa Component Library

Europa Component Library

161 stars·updated Sep 2026·EUPL-1.1
Scottish Government Design System

Scottish Government Design System

46 stars·MIT
New Zealand Government Design System

New Zealand Government Design System

68 stars·updated Aug 2026
Component tokens
Westpac GEL

Westpac GEL

23 stars
DTCGDark tokensReact
Klarna

Klarna

DHL Wording

DHL Wording

AIUX

Weekly newsletter

Get the weekly DSG newsletter.

One practical guide each week: prompts, Codex and Claude notes, design-system automation, and tools worth trying.

Opens Substack. Unsubscribe anytime.