Know a resource that isn't listed below? Feel free to create a new pull request, or open an issue.
- 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 | ๐ | ๐ | ๐ | ๐ |
Atlassian Design Language | ๐ | ๐ | ๐ | ๐ |
Blueprint | ๐ | ๐ | ||
BuzzFeed Solid | ๐ | ๐ | ||
Cloudflare | ๐ | |||
Co-op Design Manual | ๐ | ๐ | ๐ | |
GitHub Primer | ๐ | |||
Google Material Design | ๐ | ๐ | ||
Hewlett Packard grommet | ๐ | |||
IBM Carbon | ๐ | ๐ | ๐ | |
IBM Design Language | ๐ | ๐ | ||
Intuit Harmony | ๐ | ๐ | ๐ | |
Lonely Planet Rizzo | ๐ | |||
Louder Than Ten Manual | ๐ | ๐ | ||
Lost My Name Design System | ๐ | |||
Mailchimp Content Styleguide | ๐ | |||
Mailchimp Patterns | ๐ | |||
Marvel Styleguide | ๐ | |||
Microsoft Fluent | ๐ | ๐ | ||
Mixpanel Product Styleguide | ๐ | |||
nib Health Funds | ๐ | |||
Office UI Fabric | ๐ | |||
Pivotal | ๐ | |||
Pusher Chameleon | ๐ | |||
Salesforce Lightning Design System | ๐ | ๐ | ๐ | |
SAP Fiori | ๐ | |||
Shopify Polaris | ๐ | ๐ | ๐ | |
Sky Toolkit | ๐ | |||
U.S. Web Design Standards | ๐ | ๐ | ||
VMware Clarity Design System | ๐ | ๐ | ||
Yelp Styleguide | ๐ | ๐ |
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