Repository: alexpate/awesome-design-systems
Stars: 23527
README.md
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
---
| | Components | Voice & Tone | Designers Kit | Source 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