⚛️

Design Systems

A collection of Design Systems. Although “design systems”, “ui libraries”, and “pattern libraries” are different things, they are often used interchangeably. This list contains all three. Tags • Components: Contains coded patterns and examples. • Voice & Tone: Provides guidance on how language should be used. • Designers Kit: Includes a Sketch/Photoshop/Figma/etc. file for designers. • Source code: Publically viewable source code

Table

2 views

Table

Gallery

NameBrandComponentsVoice & ToneUI KitLinkRepository
📣
Amplify UI
Amazon
👍
👍
👍
🐜
Ant
Ant Group
👍
👍
🔼
Atlassian
Atlassian
👍
👍
🏅
Auro
Alaska Airlines
👍
👍
👍
⬅️
Backstage
Spotify
👍
👍
Base Design System
Uber
👍
👍
💨
Blocks
Airtable
Bloom
Appear Here
👍
☹️
☹️
💣
Bold Design System
Laboratorio Bridge
⚛️
Carbon Design System
IBM
👍
👍
🧘
Chakra UI
Chakra UI
🌆
Chicago Design System
City of Chicago
👨‍🍳
Citrus Design System
Cookpad
Clarity Design System
VMware
☁️
Cloudscape Design System
Amazon
👨‍💻
Coder Design System
Coderhouse
🏃
Decathlon Design System
Decathlon
☃️
Design Language
IBM
👍
👍
☹️
🤸‍♂️
Elactic Design System
Elastic
💸
Eva Design System
Akveo
👍
❇️
Evergreen
Segment
Feather
Alpha Bank
🎃
Flamingo Design System
Heetch
💥
Fluent
Microsoft
💠
Forma 36
Contenful
🎉
Friday
mobileLIVE
🏦
Goldman Sachs
Goldman Sachs
🌌
Intergalactic
Semrush
🦀
Kyper
MX
☁️
Latitude
Flexport
🐾
Lexicon
Liferay
Lightning
Salesforce
🥃
Liquid
Merck
🚓
Lumo
Vaadin
🌗
Luna
Sainsbury’s
🕒
Material Design
Google
💸
Material-UI
Material-UI
🍿
Microsoft Teams UI Kit
Microsoft
💼
Monday UI Kit
Monday.com
🌕
Moon
Yolo Group
👾
NativeBase
NativeBase
☄️
Orbit
Kiwi.com
📼
OSKRHQ
Oscar Gonzalez
🛏️
Pajamas
GitLab
📷
Palmetto
Palmetto
🏔️
Paradigm
Mail.ru
🧥
Paste
Twilio
🐴
Pegasus
John MacMenamin
👍
🏉
Pluralsight
Pluralsight
🛍️
Polaris
Shopify
🤖
Primer
GitHub
🃏
Raidus
Rangle.io
🏢
Shipwright
Headway
📚
Slack Block Kit
Slack
💒
Spectrum
Adobe
👍
👍
👍
🎨
UAL
Arts London
🗳️
UI2
Figma
🚒
Untitled UI
Untitled UI
👍
📡
VKUI
VK.com
⛱️
Voog
Voog
🔩
VTEX
VTEX