Skip to content

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

License

Notifications You must be signed in to change notification settings

kimek/awesome-design-systems

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

cover

Awesome Contributions Welcome

Know a resource that isn't listed below? Feel free to create a new pull request, or open an issue.

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 *
Alfa-Bank πŸ‘ πŸ‘ :octocat:
Alibaba Ant Design πŸ‘ πŸ‘ πŸ‘ :octocat:
Appear Here Styleguide πŸ‘ :octocat:
Apple Developer Design Guidelines πŸ‘
Aragon UI πŸ‘ :octocat:
Artsy Reaction πŸ‘ :octocat:
Atlassian Design Language πŸ‘ πŸ‘ πŸ‘
Audi UI Kit πŸ‘ πŸ‘
Backpack (Skyscanner) πŸ‘ πŸ‘ :octocat:
BBC GEL (Global Experience Language) πŸ‘ πŸ‘ πŸ‘
Blueprint πŸ‘ πŸ‘ :octocat:
Bulb Design System πŸ‘ πŸ‘
BuzzFeed Solid πŸ‘ πŸ‘ :octocat:
eBay Skin πŸ‘ :octocat:
Enigma Boundless πŸ‘ :octocat:
CA Technologies Mineral UI πŸ‘ :octocat:
Cards Binary Design πŸ‘ πŸ‘ πŸ‘ :octocat:
Cloudflare πŸ‘ :octocat:
City of Boston Fleet πŸ‘ πŸ‘ :octocat:
Co-op Design Manual πŸ‘ πŸ‘ πŸ‘ :octocat:
Duolingo Design Guidelines πŸ‘ πŸ‘
Estonia Country Design Guidelines πŸ‘ πŸ‘ πŸ‘
Evergreen πŸ‘ :octocat:
Firefox Photon Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
FutureLearn Pattern Library πŸ‘
GitHub Primer πŸ‘ :octocat:
GitLab Design System πŸ‘ πŸ‘ 🦊
Google Material Design πŸ‘ πŸ‘ πŸ‘
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:
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 πŸ‘ πŸ‘
Mixpanel Product Styleguide πŸ‘
MongoDB Design System πŸ‘ πŸ‘ :octocat:
Monzo Tone of Voice πŸ‘
Morningstar Design System πŸ‘ πŸ‘ πŸ‘
NHS.UK Service Manual (Alpha) πŸ‘ πŸ‘
nib Health Funds πŸ‘
Nordnet πŸ‘ πŸ‘
Nutanix Prism πŸ‘
Office UI Fabric πŸ‘ :octocat:
Opattern πŸ‘ πŸ‘
Oracle Alta UI πŸ‘
Pearson UX Framework πŸ‘ πŸ‘ πŸ‘ :octocat:
Pinterest Gestalt πŸ‘ :octocat:
Pivotal πŸ‘ :octocat:
Pluralsight Design System πŸ‘ :octocat:
Predix Design System πŸ‘ πŸ‘ πŸ‘
Priceline Design System πŸ‘ πŸ‘ :octocat:
Pusher Chameleon πŸ‘ :octocat:
Rambler πŸ‘ :octocat:
Salesforce Lightning Design System πŸ‘ πŸ‘ πŸ‘ :octocat:
SAP Fiori πŸ‘
SEEK Style Guide πŸ‘ :octocat:
Shopify Polaris πŸ‘ πŸ‘ πŸ‘ :octocat:
Stack Exchange: Stacks UI πŸ‘ :octocat:
Starbucks Style Guide πŸ‘
Sky Toolkit πŸ‘ :octocat:
The University of Melbourne Design System πŸ‘ :octocat:
Trello - Nachos πŸ‘ πŸ‘
Ubuntu Brand Guidelines πŸ‘ πŸ‘ :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:
WeWork Plasma πŸ‘
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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published