Back to Home
⚙️ Feature

Open-Source Design Systems

Design systems with publicly accessible source code that you can learn from, fork, or contribute to.

105 design systems in this collection

Design System from ClickHouse company.
A favicon of ClickHouse

ClickHouse design system

Storybook
Design Tokens
Code
Geist Design System from Vercel company.
A favicon of Vercel

Geist by Vercel

Brand Guidelines
Code
Chakra Design System from Chakra UI company.
A favicon of Chakra UI

Chakra by Chakra UI

Figma
Storybook
Brand Guidelines
+1
atlassian design guidelines Design System from atlassian company.
A favicon of atlassian

atlassian design guidelines by atlassian

Figma
Storybook
Design Tokens
+2
carbon Design System from IBM company.
A favicon of IBM

carbon by IBM

Figma
Storybook
Code
Lightning Design System Design System from Salesforce company.
A favicon of Salesforce

Lightning Design System by Salesforce

Figma
Storybook
Multi-device
+2
Patternfly Design System from Red Hat company.
A favicon of Red Hat

Patternfly by Red Hat

Figma
Brand Guidelines
Code
Material Design Design System from Google company.
A favicon of Google

Material Design by Google

Figma
Multi-device
Design Tokens
+2
Paste Design System from Twilio company.
A favicon of Twilio

Paste by Twilio

Figma
Storybook
Design Tokens
+2
Elastic UI (EUI) Design System from Elastic company.
A favicon of Elastic

Elastic UI (EUI) by Elastic

Figma
Design Tokens
Code
Orbit Design System from Kiwi company.
A favicon of Kiwi

Orbit by Kiwi

Figma
Storybook
Multi-device
+3
polaris Design System from Shopify company.
A favicon of Shopify

polaris by Shopify

Figma
Storybook
Design Tokens
+1
Spectrum Design System from Adobe company.
A favicon of Adobe

Spectrum by Adobe

Figma
Storybook
Multi-device
+2
Garden Design System from Zendesk company.
A favicon of Zendesk

Garden by Zendesk

Code
GOV.UK Design System Design System from GOV.UK company.
A favicon of GOV.UK

GOV.UK Design System by GOV.UK

Code
Gestalt Design System from Pinterest company.
A favicon of Pinterest

Gestalt by Pinterest

Code
Pajamas Design System from GitLab company.
A favicon of GitLab

Pajamas by GitLab

Figma
Storybook
Brand Guidelines
+1
JetBrains Web UI Design System from JetBrains company.
A favicon of JetBrains

JetBrains Web UI by JetBrains

Code
primer Design System from Github company.
A favicon of Github

primer by Github

Code
grommet Design System from HP enterprise company.
A favicon of HP enterprise

grommet by HP enterprise

Figma
Code
LeafyGreen Design System from mongoDB company.
A favicon of mongoDB

LeafyGreen by mongoDB

Figma
Code
royal canin's design language Design System from royal canin company.
A favicon of royal canin

royal canin's design language by royal canin

Figma
Brand Guidelines
Code
snacks Design System from instacart company.
A favicon of instacart

snacks by instacart

Code
audi ui Design System from audi company.
A favicon of audi

audi ui by audi

Figma
Storybook
Brand Guidelines
+1
Pando Design System from pluralsight company.
A favicon of pluralsight

Pando by pluralsight

Figma
Storybook
Design Tokens
+1
scooter Design System from dropbox company.
A favicon of dropbox

scooter by dropbox

Code
Ultraviolet Design System from Scaleway company.
A favicon of Scaleway

Ultraviolet by Scaleway

Storybook
Design Tokens
Brand Guidelines
+1
cfpb design manual Design System from consumer financial protection bureau company.
A favicon of consumer financial protection bureau

cfpb design manual by consumer financial protection bureau

Brand Guidelines
Code
Design System from priceline company.
A favicon of priceline

priceline design system

Storybook
Code
Acorn Design System from mozilla firefox company.
A favicon of mozilla firefox

Acorn by mozilla firefox

Multi-device
Design Tokens
Brand Guidelines
+1
frontier Design System from family search company.
A favicon of family search

frontier by family search

Code
bloom Design System from appear here company.
A favicon of appear here

bloom by appear here

Storybook
Code
style guide & seed Design System from help scout company.
A favicon of help scout

style guide & seed by help scout

Brand Guidelines
Code
Mineral UI Design System from CA Technologies company.
A favicon of CA Technologies

Mineral UI by CA Technologies

Code
Foundation Design System from envato company.
A favicon of envato

Foundation by envato

Code
solid Design System from buzzfeed company.
A favicon of buzzfeed

solid by buzzfeed

Figma
Code
hedwig Design System from bring & posten company.
A favicon of bring & posten

hedwig by bring & posten

Code
plasma Design System from weWork company.
A favicon of weWork

plasma by weWork

Storybook
Code
gel Design System from BBC company.
A favicon of BBC

gel by BBC

Code
rizzo Design System from lonely planet company.
A favicon of lonely planet

rizzo by lonely planet

Code
cf-ui Design System from cloudflare company.
A favicon of cloudflare

cf-ui by cloudflare

Code
wordpress.com design handbook Design System from automattic company.
A favicon of automattic

wordpress.com design handbook by automattic

Figma
Brand Guidelines
Code
Fuse Design System from national instruments company.
A favicon of national instruments

Fuse by national instruments

Code
Design System from openAQ company.
A favicon of openAQ

openAQ design system

Code
cedar Design System from rei company.
A favicon of rei

cedar by rei

Storybook
Code
design manual Design System from co-op company.
A favicon of co-op

design manual by co-op

Figma
Brand Guidelines
Code
style guide Design System from seek company.
A favicon of seek

style guide by seek

Code
backpack Design System from skyscanner company.
A favicon of skyscanner

backpack by skyscanner

Figma
Code
USA jobs design system Design System from USAJobs company.
A favicon of USAJobs

USA jobs design system by USAJobs

Brand Guidelines
Code
Predix Design System from GE Digital company.
A favicon of GE Digital

Predix by GE Digital

Figma
Code
Spark Design System from Quicken Loans company.
A favicon of Quicken Loans

Spark by Quicken Loans

Figma
Storybook
Code
Lexicon Design System from liferay company.
A favicon of liferay

Lexicon by liferay

Code
Altinn Designsystem Design System from Altinn company.
A favicon of Altinn

Altinn Designsystem by Altinn

Figma
Code
Ant Design Design System from Ant Financial company.

Ant Design by Ant Financial

Figma
Code
Pivotal UI Design System from pivotal software company.

Pivotal UI by pivotal software

Code
Origami Design System from financial times company.
A favicon of financial times

Origami by financial times

Code
Swarm Design System from meetup company.
A favicon of meetup

Swarm by meetup

Storybook
Brand Guidelines
Code
Brainly Style Guide Design System from brainly company.
A favicon of brainly

Brainly Style Guide by brainly

Storybook
Code
Chameleon Design System from pusher company.
A favicon of pusher

Chameleon by pusher

Code
CNVS Design System from mesosphere company.
A favicon of mesosphere

CNVS by mesosphere

Code
Style Guide Design System from barricade company.
A favicon of barricade

Style Guide by barricade

Code
uStyle Design System from uSwitch company.
A favicon of uSwitch

uStyle by uSwitch

Brand Guidelines
Code
Clarity Design System from VMware company.
A favicon of VMware

Clarity by VMware

Figma
Code
Office UI Fabric Design System from microsoft company.
A favicon of microsoft

Office UI Fabric by microsoft

Code
canvas Design System from workday company.
A favicon of workday

canvas by workday

Storybook
Brand Guidelines
Code
SpareBank 1 Designsystem Design System from SpareBank 1 company.
A favicon of SpareBank 1

SpareBank 1 Designsystem by SpareBank 1

Brand Guidelines
Code
Feather Design System from Alfa-Bank company.
A favicon of Alfa-Bank

Feather by Alfa-Bank

Code
Australian Government Design System Design System from Digital Transformation Agency company.
A favicon of Digital Transformation Agency

Australian Government Design System by Digital Transformation Agency

Brand Guidelines
Code
protocol Design System from mozilla company.
A favicon of mozilla

protocol by mozilla

Brand Guidelines
Code
Quantum Product Design System from auth0 company.
A favicon of auth0

Quantum Product by auth0

Storybook
Code
Styleguide Design System from VTEX company.
A favicon of VTEX

Styleguide by VTEX

Figma
Brand Guidelines
Code
Aurora Design System from Government of Canada company.

Aurora by Government of Canada

Code
bold Design System from bridge company.
A favicon of bridge

bold by bridge

Figma
Storybook
Code
vanilla framework Design System from canonical company.
A favicon of canonical

vanilla framework by canonical

Figma
Brand Guidelines
Code
Portinari UI Design System from TOTVS company.
A favicon of TOTVS

Portinari UI by TOTVS

Code
EOS Design System from SUSE company.
A favicon of SUSE

EOS by SUSE

Code
NUDE Elements Design System from sellerscale company.
A favicon of sellerscale

NUDE Elements by sellerscale

Storybook
Code
Pebble Design System from iStreamPlanet company.
A favicon of iStreamPlanet

Pebble by iStreamPlanet

Code
Nulogy Design System from Nulogy company.
A favicon of Nulogy

Nulogy by Nulogy

Storybook
Code
Gravity Design System from Buildit | Wipro Digital company.

Gravity by Buildit | Wipro Digital

Code
Design System from finastra company.
A favicon of finastra

finastra design system

Figma
Brand Guidelines
Code
Mística Design System from Telefónica company.
A favicon of Telefónica

Mística by Telefónica

Storybook
Brand Guidelines
Code
Vitamin Design System from Decathlon company.
A favicon of Decathlon

Vitamin by Decathlon

Figma
Storybook
Multi-device
+3
Saga Design System from Grafana company.
A favicon of Grafana

Saga by Grafana

Figma
Storybook
Design Tokens
+1
Base Design System from Uber company.
A favicon of Uber

Base by Uber

Storybook
Design Tokens
Code
Auro Design System from Alaska Airlines company.
A favicon of Alaska Airlines

Auro by Alaska Airlines

Design Tokens
Code
Cloudscape Design System from Amazon company.
A favicon of Amazon

Cloudscape by Amazon

Figma
Design Tokens
Code
Blueprint Design System from Palantir company.
A favicon of Palantir

Blueprint by Palantir

Code
Design System Design System from Basis company.
A favicon of Basis

Design System by Basis

Storybook
Design Tokens
Code
Design System Design System from Biings company.
A favicon of Biings

Design System by Biings

Code
Marcel Design System from Carrefour company.
A favicon of Carrefour

Marcel by Carrefour

Figma
Brand Guidelines
Code
Momentum Design System from Cisco company.
A favicon of Cisco

Momentum by Cisco

Storybook
Design Tokens
Code
Evo Design System from eBay company.
A favicon of eBay

Evo by eBay

Storybook
Brand Guidelines
Code
Calcite Design System from esri company.
A favicon of esri

Calcite by esri

Figma
Design Tokens
Code
Duet Design System from LocalTapiola company.
A favicon of LocalTapiola

Duet by LocalTapiola

Design Tokens
Code
Design System Design System from Porsche company.
A favicon of Porsche

Design System by Porsche

Figma
Design Tokens
Code
Blade Design System from Razorpay company.
A favicon of Razorpay

Blade by Razorpay

Storybook
Design Tokens
Code
Evergreen Design System from Segment company.
A favicon of Segment

Evergreen by Segment

Figma
Brand Guidelines
Code
Ahoy Design System from Teamleader company.
A favicon of Teamleader

Ahoy by Teamleader

Figma
Storybook
Brand Guidelines
+1
Thumbprint Design System from Thumbtack company.
A favicon of Thumbtack

Thumbprint by Thumbtack

Multi-device
Code
U.S. Web Design System (USWDS) Design System from General Services Administration company.
A favicon of General Services Administration

U.S. Web Design System (USWDS) by General Services Administration

Design Tokens
Code
WPDS Design System from Washington Post company.
A favicon of Washington Post

WPDS by Washington Post

Figma
Design Tokens
Code
Codex Design System from Wikimedia company.
A favicon of Wikimedia

Codex by Wikimedia

Figma
Design Tokens
Code
Radix Design System from WorkOS company.
A favicon of WorkOS

Radix by WorkOS

Code
ElevenLabs UI Design System from ElevenLabs UI company.
A favicon of ElevenLabs UI

ElevenLabs UI by ElevenLabs UI

Code

Related Collections

Cross-Platform Design Systems

Systems with guidance or components across multiple platforms (Web, iOS & Android).

Design Systems with Tokens

A curated list of systems exposing design tokens for theming and scale.

Design Systems with Figma Kits

Systems offering ready-made Figma/Sketch libraries for designers.