Skip to content

tomcon/awesome-design-systems

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

203 Commits
ย 
ย 
ย 
ย 
ย 
ย 

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.
  • Storybook: Provides components with relevant stories for React Storybook.

Components Voice & Tone Designers Kit Storybook
Alfa-Bank ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Alibaba Ant Design ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Appear Here Styleguide ๐Ÿ‘ ๐Ÿ‘
Apple Developer Design Guidelines ๐Ÿ‘
Artsy Reaction ๐Ÿ‘
Atlassian Design Language ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Audi UI Kit ๐Ÿ‘ ๐Ÿ‘
Backpack (Skyscanner) ๐Ÿ‘ ๐Ÿ‘
BBC GEL (Global Experience Language) ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Blueprint ๐Ÿ‘ ๐Ÿ‘
Bulb Design System ๐Ÿ‘ ๐Ÿ‘
BuzzFeed Solid ๐Ÿ‘ ๐Ÿ‘
eBay Skin ๐Ÿ‘
Enigma Boundless ๐Ÿ‘
CA Technologies Mineral UI ๐Ÿ‘
Cards Binary Design ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Cloudflare ๐Ÿ‘
City of Boston Fleet ๐Ÿ‘ ๐Ÿ‘
Code School ๐Ÿ‘
Co-op Design Manual ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Duolingo Design Guidelines ๐Ÿ‘ ๐Ÿ‘
Estonia Country Design Guidelines ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Firefox Photon Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
FutureLearn Pattern Library ๐Ÿ‘
GitHub Primer ๐Ÿ‘ ๐Ÿ‘
GitLab Design System ๐Ÿ‘ ๐Ÿ‘
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 ๐Ÿ‘
Lexicon ๐Ÿ‘ ๐Ÿ‘
Lonely Planet Rizzo ๐Ÿ‘
Louder Than Ten Manual ๐Ÿ‘ ๐Ÿ‘
Lost My Name Design System ๐Ÿ‘
Mailchimp Content Styleguide ๐Ÿ‘
Mailchimp Patterns ๐Ÿ‘
Marvel Styleguide ๐Ÿ‘
Mesosphere CNVS ๐Ÿ‘
Microsoft Fluent ๐Ÿ‘ ๐Ÿ‘
Mixpanel Product Styleguide ๐Ÿ‘
MongoDB Design System ๐Ÿ‘ ๐Ÿ‘
Monzo Tone of Voice ๐Ÿ‘
Morningstar Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
NHS.UK Service Manual (Alpha) ๐Ÿ‘ ๐Ÿ‘
nib Health Funds ๐Ÿ‘
Nordnet ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Nutanix Prism ๐Ÿ‘
Office UI Fabric ๐Ÿ‘
Opattern ๐Ÿ‘ ๐Ÿ‘
Oracle Alta UI ๐Ÿ‘
PatternFly Open Interface Project ๐Ÿ‘ ๐Ÿ‘
Pearson UX Framework ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Pinterest Gestalt ๐Ÿ‘ ๐Ÿ‘
Pivotal ๐Ÿ‘
Pluralsight Design System ๐Ÿ‘ ๐Ÿ‘
Predix Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Priceline Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Pusher Chameleon ๐Ÿ‘
Rambler ๐Ÿ‘ ๐Ÿ‘
Salesforce Lightning Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
SAP Fiori ๐Ÿ‘
SEEK Style Guide ๐Ÿ‘
Shopify Polaris ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
Stack Exchange: Stacks UI ๐Ÿ‘
Starbucks Style Guide ๐Ÿ‘
Sky Toolkit ๐Ÿ‘
The University of Melbourne Design System ๐Ÿ‘
Trello - Nachos ๐Ÿ‘ ๐Ÿ‘
Ubuntu Brand Guidelines ๐Ÿ‘ ๐Ÿ‘
USPTO UI Design Library ๐Ÿ‘ ๐Ÿ‘
uSwitch style guide ๐Ÿ‘ ๐Ÿ‘
U.S. Web Design Standards ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
U.S. CMS.gov Design System ๐Ÿ‘
VMware {code} ๐Ÿ‘
VMware Clarity Design System ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
VMware UI Pattern Library ๐Ÿ‘ ๐Ÿ‘
WeWork Plasma ๐Ÿ‘
Yelp Styleguide ๐Ÿ‘ ๐Ÿ‘
Zendesk Garden ๐Ÿ‘ ๐Ÿ‘

Notes

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

 
 
 

Contributors