πŸ’…πŸ» βš’ A collection of awesome design systems
Switch branches/tags
Nothing to show
Latest commit e67bfb8 Nov 15, 2017 @alexpate alexpate Merge pull request #76 from victorvalle/master
Lexicon
Permalink
Failed to load latest commit information.
LICENSE Initial commit Jun 6, 2017
README.md url change Nov 13, 2017
cover.png Add cover photo Jun 9, 2017

README.md

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
Alibaba Ant Design πŸ‘ πŸ‘ πŸ‘ πŸ‘
Appear Here Styleguide πŸ‘ πŸ‘
Apple Developer Design Guidelines πŸ‘
Atlassian Design Language πŸ‘ πŸ‘ πŸ‘ πŸ‘
Audi UI Kit πŸ‘ πŸ‘
BBC GEL (Global Experience Language) πŸ‘ πŸ‘ πŸ‘
Blueprint πŸ‘ πŸ‘
Enigma Boundless πŸ‘
BuzzFeed Solid πŸ‘ πŸ‘
Cards Binary Design πŸ‘ πŸ‘ πŸ‘ πŸ‘
Cloudflare πŸ‘
Co-op Design Manual πŸ‘ πŸ‘ πŸ‘
Dropbox Scooter πŸ‘
Duolingo Design Guidelines πŸ‘ πŸ‘
Estonia Country Design Guidelines πŸ‘ πŸ‘ πŸ‘
FutureLearn Pattern Library πŸ‘
GitHub Primer πŸ‘
Google Material Design πŸ‘ πŸ‘
GOV.UK Service Manual πŸ‘
Help Scout πŸ‘ πŸ‘
Heroku Purple3 πŸ‘
Hewlett Packard grommet πŸ‘
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 πŸ‘
Microsoft Fluent πŸ‘ πŸ‘
Mixpanel Product Styleguide πŸ‘
Mozilla Photon Design System πŸ‘ πŸ‘ πŸ‘
NHS.UK Service Manual (Alpha) πŸ‘ πŸ‘
nib Health Funds πŸ‘
Nordnet πŸ‘ πŸ‘ πŸ‘
Nutanix Prism πŸ‘
Office UI Fabric πŸ‘
Oracle Alta UI πŸ‘
PatternFly Open Interface Project πŸ‘ πŸ‘
Pivotal πŸ‘
Pluralsight Design System πŸ‘ πŸ‘
Predix Design System πŸ‘ πŸ‘
Pusher Chameleon πŸ‘
Rambler πŸ‘ πŸ‘
Salesforce Lightning Design System πŸ‘ πŸ‘ πŸ‘
SAP Fiori πŸ‘
SEEK Style Guide πŸ‘
Shopify Polaris πŸ‘ πŸ‘ πŸ‘
Stack Exchange: Stacks UI πŸ‘
Sky Toolkit πŸ‘
The University of Melbourne Design System πŸ‘
Trello - Nachos πŸ‘ πŸ‘
Ubuntu Brand Guidelines πŸ‘ πŸ‘
USPTO UI Design Library πŸ‘ πŸ‘
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 πŸ‘ πŸ‘

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