zzshenwang / awesome-design-systems Goto Github PK

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'.

• 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	👍		👍
Alibaba Ant Design	👍	👍	👍
Appear Here Styleguide	👍
Apple Developer Design Guidelines			👍
Aragon UI	👍
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	👍	👍
Co-op Design Manual	👍	👍	👍
Duolingo Design Guidelines	👍		👍
Estonia Country Design Guidelines	👍	👍	👍
Evergreen	👍
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	👍
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 Clarity Design System	👍	👍	👍
WeWork Plasma	👍
Yelp Styleguide	👍	👍
Zendesk Garden	👍

*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.

Cover icon: 'Solar System' by Andrejs Kirma from the Noun Project