Awesome Open Source
Awesome Open Source

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

Components Voice & Tone Designers Kit Source code *
Adobe Spectrum πŸ‘ πŸ‘ πŸ‘
Alfa-Bank πŸ‘ πŸ‘
Alibaba Ant Design πŸ‘ πŸ‘ πŸ‘
Appear Here Styleguide πŸ‘
Apple Developer Design Guidelines πŸ‘
Aragon UI πŸ‘
Artsy Palette πŸ‘
Astro UXDS πŸ‘ πŸ‘
AT UIKIT πŸ‘
Atlassian Design System πŸ‘ πŸ‘ πŸ‘ πŸ‘Ύ
Audi UI Kit πŸ‘ πŸ‘
Aurora (Government of Canada) πŸ‘ πŸ‘ πŸ‘
Australian Government Design System πŸ‘ πŸ‘
AutoGuru Overdrive πŸ‘
Backpack (Skyscanner) πŸ‘ πŸ‘ πŸ‘
Barnardo’s Design System πŸ‘ πŸ‘
Basis Design System πŸ‘
BBC GEL (Global Experience Language) πŸ‘ πŸ‘ πŸ‘
BLiP πŸ‘
Bold (Bridge Design System) πŸ‘ πŸ‘
Blueprint πŸ‘ πŸ‘
Braid Design System πŸ‘
British Gas Nucleus πŸ‘ πŸ‘
Buildit Gravity πŸ‘
Bulb Design System πŸ‘ πŸ‘
BuzzFeed Solid πŸ‘ πŸ‘
Bumbag UI πŸ‘
Duet Design System πŸ‘ πŸ‘
eBay Skin πŸ‘
Enigma Boundless πŸ‘
CA Technologies Mineral UI πŸ‘
Cards Binary Design πŸ‘ πŸ‘ πŸ‘
CBRE Blocks πŸ‘ πŸ‘
Cedar πŸ‘ πŸ‘
censhare Zen πŸ‘ πŸ‘
Chakra UI πŸ‘
Cloudflare πŸ‘
City of Boston Fleet πŸ‘ πŸ‘
Co-op Design Manual πŸ‘ πŸ‘ πŸ‘
Contentful Forma 36 πŸ‘ πŸ‘ πŸ‘
Decathlon Design System - Vitamin πŸ‘ πŸ‘
Decentraland UI πŸ‘
Duet πŸ‘ πŸ‘
Duolingo πŸ‘
ENGIE Fluid Design System πŸ‘ πŸ‘
Estonia Country Design Guidelines πŸ‘ πŸ‘ πŸ‘
Elastic UI Framework πŸ‘ πŸ‘ πŸ‘
Evergreen πŸ‘
Figma UI Components πŸ‘
Financial Times Origami πŸ‘
Finastra Design System πŸ‘ πŸ‘
Finland Toolbox πŸ‘ πŸ‘
Firefox Photon Design System πŸ‘ πŸ‘ πŸ‘
Fish Tank Design System πŸ‘ πŸ‘ πŸ‘
Flame Design System Santander πŸ‘ πŸ‘ πŸ‘
Foyer Design System πŸ‘ πŸ‘ πŸ”
FutureLearn Pattern Library πŸ‘
GitHub Primer πŸ‘ πŸ‘
GitLab Design System - Pajamas πŸ‘ πŸ‘ πŸ‘ 🦊
Google Material Design πŸ‘ πŸ‘ πŸ‘
GOV.UK Design System πŸ‘
Help Scout πŸ‘ πŸ‘
Heroku Purple3 πŸ‘
Hewlett Packard grommet πŸ‘
HubSpot Canvas πŸ‘ πŸ‘
Hudl Design System πŸ‘ πŸ‘
IBM Carbon πŸ‘ πŸ‘ πŸ‘
IBM Design Language πŸ‘ πŸ‘
IBM Northstar πŸ‘ πŸ‘
Intuit Harmony πŸ‘ πŸ‘ πŸ‘
JetBrains Ring UI πŸ‘
Kalo UI πŸ‘
Kiwi.com Orbit πŸ‘ πŸ‘
Kontur πŸ‘ πŸ‘
Latitude πŸ‘ πŸ‘ πŸ‘
Lexicon πŸ‘ πŸ‘
Lonely Planet Rizzo πŸ‘
Louder Than Ten Manual πŸ‘ πŸ‘
Lost My Name Design System πŸ‘
Mailchimp Content Styleguide πŸ‘
Mailchimp Patterns πŸ‘
Mantine πŸ‘
Marvel Styleguide πŸ‘
Mesh Design System πŸ‘ πŸ‘
Mesosphere CNVS πŸ‘
Microsoft Fluent πŸ‘ πŸ‘
Mixpanel Design System πŸ‘ πŸ‘
MongoDB Design System πŸ‘ πŸ‘
Monzo Tone of Voice πŸ‘
Morningstar Design System πŸ‘ πŸ‘ πŸ‘
NASA Web Design System πŸ‘
NationBuilder Radius πŸ‘
NHS.UK Service Manual (Beta) πŸ‘ πŸ‘
Nordnet πŸ‘ πŸ‘
Nutanix Prism πŸ‘
Office UI Fabric πŸ‘ πŸ‘ πŸ‘
Opattern πŸ‘ πŸ‘
Oracle Alta UI πŸ‘
Mail.ru Group Paradigm πŸ‘ πŸ‘ πŸ‘
Pearson UX Framework πŸ‘ πŸ‘ πŸ‘
Pharos: JSTOR's Design System πŸ‘ πŸ‘
Pinterest Gestalt πŸ‘
Pivotal πŸ‘
Pluralsight Design System πŸ‘
Predix Design System πŸ‘ πŸ‘ πŸ‘
Priceline Design System πŸ‘ πŸ‘
Pulse Design System πŸ‘ πŸ‘ πŸ‘
Pusher Chameleon πŸ‘
Radix πŸ‘
Rambler πŸ‘
Rendition πŸ‘
Salesforce Lightning Design System πŸ‘ πŸ‘ πŸ‘
SAP Fiori πŸ‘
SAP Fundamental πŸ‘
SAP OpenUI πŸ‘
Seeds πŸ‘ πŸ‘ πŸ‘
SEEK Style Guide πŸ‘
Semrush Intergalactic Design System πŸ‘ πŸ‘
Shopify Polaris πŸ‘ πŸ‘ πŸ‘
Stacks – Stack Overflow πŸ‘ πŸ‘
Starbucks Style Guide πŸ‘
Sky Toolkit πŸ‘
The University of Melbourne Design System πŸ‘
Teambition Clarity Design πŸ‘
TelefΓ³nica MΓ­stica πŸ‘ πŸ‘
Thumbprint πŸ‘
Twilio Paste πŸ‘ πŸ‘ πŸ‘
Uber's Base Web πŸ‘
Ubuntu Vanilla framework πŸ‘ πŸ‘ πŸ‘
USPTO UI Design Library πŸ‘ πŸ‘
uSwitch style guide πŸ‘ πŸ‘
U.S. Web Design Standards πŸ‘ πŸ‘ πŸ‘
U.S. CMS.gov Design System πŸ‘
VMware Clarity Design System πŸ‘ πŸ‘ πŸ‘
VTEX Styleguide πŸ‘ πŸ‘
Vue Design System πŸ‘
WeWork Plasma πŸ‘
Ray by WeWork πŸ‘
Welcome UI πŸ‘
West Midlands Network Design System πŸ‘ πŸ‘
Vercel πŸ‘
Workday Canvas πŸ‘ πŸ‘
Yelp Styleguide πŸ‘ πŸ‘
Zendesk Garden πŸ‘
Gympass Yoga πŸ‘ πŸ‘

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Hacktoberfest (22,722)Β 
Awesome (3,706)Β 
Awesome List (3,418)Β 
Design System (983)Β 
Ui Library (136)Β 
Related Projects
Advertising πŸ“¦Β 9
All Projects
Application Programming Interfaces πŸ“¦Β 120
Applications πŸ“¦Β 181
Artificial Intelligence πŸ“¦Β 72
Blockchain πŸ“¦Β 70
Build Tools πŸ“¦Β 111
Cloud Computing πŸ“¦Β 79
Code Quality πŸ“¦Β 28
Collaboration πŸ“¦Β 30
Command Line Interface πŸ“¦Β 48
Community πŸ“¦Β 81
Companies πŸ“¦Β 60
Compilers πŸ“¦Β 60
Computer Science πŸ“¦Β 74
Configuration Management πŸ“¦Β 39
Content Management πŸ“¦Β 167
Control Flow πŸ“¦Β 197
Data Formats πŸ“¦Β 77
Data Processing πŸ“¦Β 266
Data Storage πŸ“¦Β 132
Economics πŸ“¦Β 60
Frameworks πŸ“¦Β 198
Games πŸ“¦Β 122
Graphics πŸ“¦Β 103
Hardware πŸ“¦Β 148
Integrated Development Environments πŸ“¦Β 47
Learning Resources πŸ“¦Β 147
Legal πŸ“¦Β 28
Libraries πŸ“¦Β 119
Lists Of Projects πŸ“¦Β 21
Machine Learning πŸ“¦Β 336
Mapping πŸ“¦Β 61
Marketing πŸ“¦Β 15
Mathematics πŸ“¦Β 55
Media πŸ“¦Β 228
Messaging πŸ“¦Β 97
Networking πŸ“¦Β 304
Operating Systems πŸ“¦Β 84
Operations πŸ“¦Β 120
Package Managers πŸ“¦Β 52
Programming Languages πŸ“¦Β 229
Runtime Environments πŸ“¦Β 96
Science πŸ“¦Β 42
Security πŸ“¦Β 375
Social Media πŸ“¦Β 26
Software Architecture πŸ“¦Β 70
Software Development πŸ“¦Β 68
Software Performance πŸ“¦Β 57
Software Quality πŸ“¦Β 127
Text Editors πŸ“¦Β 45
Text Processing πŸ“¦Β 131
User Interface πŸ“¦Β 310
User Interface Components πŸ“¦Β 465
Version Control πŸ“¦Β 29
Virtualization πŸ“¦Β 68
Web Browsers πŸ“¦Β 38
Web Servers πŸ“¦Β 25
Web User Interface πŸ“¦Β 194