Github url

awesome-design-systems

by alexpate

πŸ’…πŸ» βš’ A collection of awesome design systems

11.5K Stars 727 Forks Last release: Not found The Unlicense 369 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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 | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | | Alfa-Bank | πŸ‘ | | πŸ‘ | :octocat: | | Alibaba Ant Design | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Appear Here Styleguide | πŸ‘ | | | :octocat: | | Apple Developer Design Guidelines | | | πŸ‘ | | | Aragon UI | πŸ‘ | | | :octocat: | | Artsy Palette | πŸ‘ | | | :octocat: | | AT UIKIT | πŸ‘ | | | :octocat: | | Atlassian Design Guidelines | πŸ‘ | πŸ‘ | πŸ‘ | :space_invader: | | Audi UI Kit | πŸ‘ | | πŸ‘ | :octocat: | | Aurora (Government of Canada) | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Australian Government Design System | πŸ‘ | | | :octocat: | | AutoGuru Overdrive | πŸ‘ | | | :octocat: | | Backpack (Skyscanner) | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Barnardo’s Design System | πŸ‘ | πŸ‘ | | :octocat: | | Basis Design System | πŸ‘ | | | :octocat: | | BBC GEL (Global Experience Language) | πŸ‘ | πŸ‘ | πŸ‘ | | | BLiP | πŸ‘ | | | :octocat: | | Bold (Bridge Design System) | πŸ‘ | | πŸ‘ | :octocat: | | Blueprint | πŸ‘ | | πŸ‘ | :octocat: | | Braid Design System | πŸ‘ | | | :octocat: | | Buildit Gravity | πŸ‘ | | | :octocat: | | Bulb Design System | πŸ‘ | πŸ‘ | | | | BuzzFeed Solid | πŸ‘ | | πŸ‘ | :octocat: | | eBay Skin | πŸ‘ | | | :octocat: | | Enigma Boundless | πŸ‘ | | | :octocat: | | CA Technologies Mineral UI | πŸ‘ | | | :octocat: | | Cards Binary Design | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | CBRE Blocks | πŸ‘ | πŸ‘ | | | | Cedar | πŸ‘ | | πŸ‘ | :octocat: | | Chakra UI | πŸ‘ | | | :octocat: | | Cloudflare | πŸ‘ | | | :octocat: | | City of Boston Fleet | πŸ‘ | πŸ‘ | | :octocat: | | Co-op Design Manual | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Contentful Forma 36 | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Duet | πŸ‘ | | πŸ‘ | | | ENGIE Fluid Design System | πŸ‘ | | πŸ‘ | | | Estonia Country Design Guidelines | πŸ‘ | πŸ‘ | πŸ‘ | | | Elastic UI Framework | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Evergreen | πŸ‘ | | | :octocat: | | Figma UI Components | πŸ‘ | | | :octocat: | | Financial Times Origami | πŸ‘ | | | :octocat: | | Firefox Photon Design System | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Foyer Design System | πŸ‘ | | πŸ‘ | :closed_lock_with_key: | | FutureLearn Pattern Library | πŸ‘ | | | | | GitHub Primer | πŸ‘ | | πŸ‘ | :octocat: | | GitLab Design System - Pajamas | πŸ‘ | πŸ‘ | πŸ‘ | :fox_face: | | Google Material Design | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | GOV.UK Design System | πŸ‘ | | | :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: | | Kalo UI | πŸ‘ | | | :octocat: | | Kiwi.com Orbit | πŸ‘ | | πŸ‘ | :octocat: | | Kontur | πŸ‘ | | πŸ‘ | :octocat: | | Lexicon | πŸ‘ | πŸ‘ | | | | Lonely Planet Rizzo | πŸ‘ | | | :octocat: | | Louder Than Ten Manual | πŸ‘ | πŸ‘ | | | | Lost My Name Design System | πŸ‘ | | | | | Mailchimp Content Styleguide | | πŸ‘ | | | | Mailchimp Patterns | πŸ‘ | | | | | Marvel Styleguide | πŸ‘ | | | | | Mesosphere CNVS | πŸ‘ | | | :octocat: | | Microsoft Fluent | πŸ‘ | | πŸ‘ | :octocat: | | Mixpanel Design System | πŸ‘ | πŸ‘ | | | | MongoDB Design System | πŸ‘ | | πŸ‘ | :octocat: | | Monzo Tone of Voice | | πŸ‘ | | | | Morningstar Design System | πŸ‘ | πŸ‘ | πŸ‘ | | | NASA Web Design System | πŸ‘ | | | :octocat: | | NationBuilder Radius | πŸ‘ | | | | | NHS.UK Service Manual (Beta) | πŸ‘ | πŸ‘ | | | | nib Health Funds | πŸ‘ | | | | | Nordnet | πŸ‘ | πŸ‘ | | | | Nutanix Prism | πŸ‘ | | | | | Office UI Fabric | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Opattern | πŸ‘ | πŸ‘ | | | | Oracle Alta UI | πŸ‘ | | | | | Mail.ru Group Paradigm | πŸ‘ | πŸ‘ | πŸ‘ | | | Pearson UX Framework | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Pinterest Gestalt | πŸ‘ | | | :octocat: | | Pivotal | πŸ‘ | | | :octocat: | | Pluralsight Design System | πŸ‘ | | | :octocat: | | Predix Design System | πŸ‘ | πŸ‘ | πŸ‘ | | | Priceline Design System | πŸ‘ | πŸ‘ | | :octocat: | | Pulse Design System | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Pusher Chameleon | πŸ‘ | | | :octocat: | | Radix | πŸ‘ | | | :octocat: | | Rambler | πŸ‘ | | | :octocat: | | Rendition | πŸ‘ | | | :octocat: | | Salesforce Lightning Design System | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | SAP Fiori | πŸ‘ | | | | | SAP Fundamental | πŸ‘ | | | :octocat: | | SAP OpenUI | πŸ‘ | | | :octocat: | | Seeds | πŸ‘ | πŸ‘ | πŸ‘ | | | SEEK Style Guide | πŸ‘ | | | :octocat: | | Shopify Polaris | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | Stacks – Stack Overflow | πŸ‘ | πŸ‘ | | :octocat: | | Starbucks Style Guide | πŸ‘ | | | | | Sky Toolkit | πŸ‘ | | | :octocat: | | The University of Melbourne Design System | πŸ‘ | | | :octocat: | | Teambition Clarity Design | πŸ‘ | | | | | Thumbprint | πŸ‘ | | | :octocat: | | Uber's Base Web | πŸ‘ | | | :octocat: | | Ubuntu Vanilla framework | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | USPTO UI Design Library | πŸ‘ | | πŸ‘ | :octocat: | | uSwitch style guide | πŸ‘ | πŸ‘ | | :octocat: | | U.S. Web Design Standards | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | U.S. CMS.gov Design System | πŸ‘ | | | | | VMware Clarity Design System | πŸ‘ | πŸ‘ | πŸ‘ | :octocat: | | VTEX Styleguide | πŸ‘ | | πŸ‘ | :octocat: | | WeWork Plasma | πŸ‘ | | | | | Ray by WeWork | πŸ‘ | | | :octocat: | | Welcome UI | πŸ‘ | | | :octocat: | | 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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.