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