Star ๅކๅฒ่ถ‹ๅŠฟ
ๆ•ฐๆฎๆฅๆบ: GitHub API ยท ็”Ÿๆˆ่‡ช Stargazers.cn
README.md

cover

Contributions Welcome

Know a resource that isn't listed below? Feel free to create a new pull request.

A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.


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: Publicly viewable source code

ComponentsVoice & ToneDesigners KitSource code *
Aalto University๐Ÿ‘๐Ÿ‘๐Ÿ‘
Adobe Spectrum๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Adjust Atlas๐Ÿ‘๐Ÿ‘๐Ÿ‘
Alaska Airlines๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Alibaba Ant Design๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Amplify UI๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Appear Here Styleguide๐Ÿ‘:octocat:
Apple Developer Design Guidelines๐Ÿ‘
Aragon UI๐Ÿ‘:octocat:
Artsy Palette๐Ÿ‘:octocat:
Astro UXDS๐Ÿ‘๐Ÿ‘:octocat:
AT UIKIT๐Ÿ‘:octocat:
Atlassian Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:space_invader:
Audi UI Kit๐Ÿ‘๐Ÿ‘:octocat:
Aurora (Government of Canada)๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
AutoGuru Overdrive๐Ÿ‘:octocat:
AWS Cloudscape Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Backpack (Skyscanner)๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Barnardoโ€™s Design System๐Ÿ‘๐Ÿ‘:octocat:
Basis Design System๐Ÿ‘:octocat:
BBC GEL (Global Experience Language)๐Ÿ‘๐Ÿ‘๐Ÿ‘
Bento DS๐Ÿ‘๐Ÿ‘:octocat:
BLiP๐Ÿ‘:octocat:
Blueprint๐Ÿ‘๐Ÿ‘:octocat:
Bold (Bridge Design System)๐Ÿ‘๐Ÿ‘:octocat:
Bolt Design System๐Ÿ‘:octocat:
Braid Design System๐Ÿ‘:octocat:
Brighte Spark Design System๐Ÿ‘:octocat:
British Gas Nucleus๐Ÿ‘๐Ÿ‘
Buildit Gravity๐Ÿ‘:octocat:
Bulb Design System๐Ÿ‘๐Ÿ‘
Bumbag UI๐Ÿ‘:octocat:
BuzzFeed Solid๐Ÿ‘๐Ÿ‘:octocat:
Buzzvil Design System๐Ÿ‘๐Ÿ‘
CA Technologies Mineral UI๐Ÿ‘:octocat:
Cards Binary Design๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
CBRE Blocks๐Ÿ‘๐Ÿ‘
Cedar๐Ÿ‘๐Ÿ‘:octocat:
censhare Zen๐Ÿ‘๐Ÿ‘
Chakra UI๐Ÿ‘:octocat:
City of Boston Fleet๐Ÿ‘๐Ÿ‘:octocat:
Cloudflare๐Ÿ‘:octocat:
Co-op Experience Library๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Contentful Forma 36๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Decathlon Design System - Vitamin๐Ÿ‘๐Ÿ‘:octocat:
Decentraland UI๐Ÿ‘:octocat:
Documenso Design System๐Ÿ‘๐Ÿ‘:octocat:
Duet๐Ÿ‘๐Ÿ‘
Duolingo๐Ÿ‘
eBay Skin๐Ÿ‘:octocat:
Elastic UI Framework๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
ENGIE Fluid Design System๐Ÿ‘๐Ÿ‘
Enel๐Ÿ‘
Enigma Boundless๐Ÿ‘:octocat:
Estonia Country Design Guidelines๐Ÿ‘๐Ÿ‘๐Ÿ‘
Evergreen๐Ÿ‘:octocat:
Figma UI Components๐Ÿ‘:octocat:
Financial Times Origami๐Ÿ‘:octocat:
Finastra Design System๐Ÿ‘๐Ÿ‘:octocat:
Finland Toolbox๐Ÿ‘๐Ÿ‘
Firefox Photon Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Fish Tank Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Flame Design System Santander๐Ÿ‘๐Ÿ‘๐Ÿ‘
Flowbite Design System๐Ÿ‘๐Ÿ‘:octocat:
Fluent UI๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Foundation๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Foyer Design System๐Ÿ‘๐Ÿ‘:closed_lock_with_key:
French Government Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
FutureLearn Pattern Library๐Ÿ‘
GitHub Primer๐Ÿ‘๐Ÿ‘:octocat:
GitLab Design System - Pajamas๐Ÿ‘๐Ÿ‘๐Ÿ‘:fox_face:
GoodBarber Design System๐Ÿ‘
Google Material Design๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
GOV.UK Design System๐Ÿ‘:octocat:
Gympass Yoga๐Ÿ‘๐Ÿ‘:octocat:
Halstack๐Ÿ‘๐Ÿ‘:octocat:
HashiCorp Helios๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Help Scout๐Ÿ‘๐Ÿ‘:octocat:
Heroku Purple3๐Ÿ‘
Hewlett Packard grommet๐Ÿ‘:octocat:
HubSpot Canvas๐Ÿ‘๐Ÿ‘:octocat:
Hudl Design System๐Ÿ‘๐Ÿ‘
IBM Carbon๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
IBM Design Language๐Ÿ‘๐Ÿ‘
IBM Northstar๐Ÿ‘๐Ÿ‘
Intuit Harmony๐Ÿ‘๐Ÿ‘๐Ÿ‘
JetBrains Ring UI๐Ÿ‘:octocat:
Jobber (๐Ÿ”ฑ Atlantis)๐Ÿ‘:octocat:
JotaDS๐Ÿ‘๐Ÿ‘:octocat:
Just Eat Takeaway.com PIE Design System๐Ÿ‘๐Ÿ‘:octocat:
Kaizen๐Ÿ‘๐Ÿ‘:octocat:
Kalo UI๐Ÿ‘:octocat:
Kiwi.com Orbit๐Ÿ‘๐Ÿ‘:octocat:
KoliBri (Public-UI)๐Ÿ‘:octocat:
Kontur๐Ÿ‘๐Ÿ‘:octocat:
Latitude๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Lexicon๐Ÿ‘๐Ÿ‘
Lost My Name Design System๐Ÿ‘
Louder Than Ten Manual๐Ÿ‘๐Ÿ‘
Mail.ru Group Paradigm๐Ÿ‘๐Ÿ‘๐Ÿ‘
Mailchimp Content Styleguide๐Ÿ‘
Mailchimp Patterns๐Ÿ‘
Mantine๐Ÿ‘:octocat:
Marvel Styleguide๐Ÿ‘
Material Minimal๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Materialize CSS๐Ÿ‘๐Ÿ‘:octocat:
Meetup Swarm๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Mesh Design System๐Ÿ‘๐Ÿ‘
Mesosphere CNVS๐Ÿ‘:octocat:
Microsoft Fluent๐Ÿ‘๐Ÿ‘:octocat:
Mixpanel Design System๐Ÿ‘๐Ÿ‘
MongoDB Design System๐Ÿ‘๐Ÿ‘:octocat:
Monzo Tone of Voice๐Ÿ‘
Morningstar Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘
Mozilla Protocol๐Ÿ‘:octocat:
NASA Web Design System๐Ÿ‘:octocat:
NationBuilder Radius๐Ÿ‘
NHS.UK Service Manual๐Ÿ‘๐Ÿ‘
NetApp Luci๐Ÿ‘
Nordhealth๐Ÿ‘๐Ÿ‘
Nordnet๐Ÿ‘๐Ÿ‘
Nutanix๐Ÿ‘
Okta Odyssey Design System๐Ÿ‘๐Ÿ‘:octocat:
Ontario Design System๐Ÿ‘๐Ÿ‘:globe_with_meridians:
Opattern๐Ÿ‘๐Ÿ‘
Oracle Alta UI๐Ÿ‘
Oracle Redwood๐Ÿ‘๐Ÿ‘
PatternFly๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Persona Design System๐Ÿ‘๐Ÿ‘:octocat:
Pharos: JSTOR's Design System๐Ÿ‘๐Ÿ‘:octocat:
Pinterest Gestalt๐Ÿ‘:octocat:
Pivotal๐Ÿ‘:octocat:
Pluralsight Design System๐Ÿ‘:octocat:
Porsche Design System๐Ÿ‘๐Ÿ‘:octocat:
Priceline Design System๐Ÿ‘๐Ÿ‘:octocat:
Pulse Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Pusher Chameleon๐Ÿ‘:octocat:
Radix๐Ÿ‘:octocat:
Rambler๐Ÿ‘:octocat:
Reach UI๐Ÿ‘๐Ÿ‘:octocat:
Rendition๐Ÿ‘:octocat:
Reshaped๐Ÿ‘๐Ÿ‘
Salesforce Lightning Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Sage by Kajabi๐Ÿ‘:octocat:
SAP Fiori๐Ÿ‘
SAP Fundamental๐Ÿ‘:octocat:
SAP OpenUI๐Ÿ‘:octocat:
Scania Digital Design System๐Ÿ‘๐Ÿ‘:octocat:
Seeds๐Ÿ‘๐Ÿ‘๐Ÿ‘
SEEK Style Guide๐Ÿ‘:octocat:
Semi Design๐Ÿ‘๐Ÿ‘:octocat:
Semrush Intergalactic Design System๐Ÿ‘๐Ÿ‘:octocat:
Shoelace๐Ÿ‘๐Ÿ‘:octocat:
Shopify Polaris๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Shadcn/ui๐Ÿ‘:octocat:
Siemens iX๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Singapore Government Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Sky Toolkit๐Ÿ‘:octocat:
Stacks โ€“ Stack Overflow๐Ÿ‘๐Ÿ‘:octocat:
Starbucks Style Guide๐Ÿ‘๐Ÿ‘
Strapi Design System๐Ÿ‘:octocat:
Teambition Clarity Design๐Ÿ‘
Telefรณnica Mรญstica๐Ÿ‘๐Ÿ‘:octocat:
Thumbprint๐Ÿ‘:octocat:
Tizen CircularUI๐Ÿ‘๐Ÿ‘:octocat:
Twilio Paste๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Uber's Base Web๐Ÿ‘:octocat:
Ubuntu Vanilla framework๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Uiverse๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
Untitled UI๐Ÿ‘๐Ÿ‘:octocat:
USPTO UI Design Library๐Ÿ‘๐Ÿ‘:octocat:
uSwitch style guide๐Ÿ‘๐Ÿ‘:octocat:
U.S. Web Design Standards๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
U.S. CMS.gov Design System๐Ÿ‘
Vibe๐Ÿ‘๐Ÿ‘:octocat:
Vimeo Design System๐Ÿ‘:octocat:
VMware Clarity Design System๐Ÿ‘๐Ÿ‘๐Ÿ‘:octocat:
VTEX Styleguide๐Ÿ‘๐Ÿ‘:octocat:
Vue Design System๐Ÿ‘:octocat:
Ray by WeWork๐Ÿ‘:octocat:
Welcome UI๐Ÿ‘:octocat:
West Midlands Network Design System๐Ÿ‘๐Ÿ‘:octocat:
Wix Style React๐Ÿ‘
Vercel๐Ÿ‘
Workday Canvas๐Ÿ‘๐Ÿ‘:octocat:
Yelp Styleguide๐Ÿ‘๐Ÿ‘
Zendesk Garden๐Ÿ‘:octocat:

Notes

*Projects marked as open source may not always be open to use. Always check the license of these projects before using them.

Although 'design systems', 'ui libraries', and 'pattern libraries' are different things, they are often used interchangeably. This list contains all three.

Credits

Cover icon: 'Solar System' by Andrejs Kirma from the Noun Project

ๅ…ณไบŽ About

๐Ÿ’…๐Ÿป โš’ A collection of awesome design systems
awesomeawesome-listdesign-systemshacktoberfestpattern-libraryui-library

่ฏญ่จ€ Languages

ๆไบคๆดป่ทƒๅบฆ Commit Activity

ไปฃ็ ๆไบค็ƒญๅŠ›ๅ›พ
่ฟ‡ๅŽป 52 ๅ‘จ็š„ๅผ€ๅ‘ๆดป่ทƒๅบฆ
3
Total Commits
ๅณฐๅ€ผ: 3ๆฌก/ๅ‘จ
Less
More

ๆ ธๅฟƒ่ดก็Œฎ่€… Contributors