Styleguides
- AgnosticUI β Accessible CSS component primitives that work with React, Vue 3, Svelte, and Angular.
- Apple Human Interface Guidelines β Information for designing apps that integrate seamlessly with Apple platforms.
- Atlassian Design β Design, develop, and deliver.
- Audi β Attitude Brand Appearance.
- Auth0 β Cosmos is a Design System to build Auth0 products.
- Disqus β colors, typogrophy and Disqus logo.
- Duo Lingo β Duo Lingo design.
- Elastic UI β Elastic UI Framework.
- Evergreen β Segmentβs design system.
- Gestalt β Pinterestβs design system.
- Helpscout β Helpscout style guide.
- IBM Design β Tools that help you work smarter, not harder.
- MailChimp β The Pattern Library.
- MarvelApp β MarvelApp design system.
- Material Design β Create intuitive and beautiful products with Material Design.
- Material UI β React components that implement Google's Material Design.
- Microsoft Fluent Design β No need to start from scratch.
- Microsoft UWP Design and UI β Design and code Windows apps
- Mozilla β Style Guides.
- Nebular β Angular 8: UI Kit.
- Operational UI β Operational UI Components
- Pajamas β Resources, components, and design guidelines behind GitLab.
- Pluralsight Design β Pluralsight design system.
- Polaris β Shopifyβs product component library.
- Priceline One β Priceline Design System.
- Primer β the CSS design system that powers GitHub.
- Royal Canin β Royal Canin design system.
- Salesforce β Lightning design system.
- SAP Fiori Fundamentals β A light-weight presentation layer that can be used with your UI framework of choice.
- Semantic UI β User Interface is the language of the web.
- Starbucks Pattern Library β Building blocks of app.starbucks.com
- Thumbprint β Assets for building high-quality, consistent user experiences at Thumbtack.
Storybooks
- Algolia InstantSearch β Lightning-fast, hyper-configurable search.
- Appbase Maps β A storybook playground for ReactiveMaps and ReactiveSearch.
- Artsy Force β Artsy's "Force" component library.
- Buffer Components β A collection of Buffer UI React components.
- Carbon Components β IBM's Carbon Design System implemented in React.
- Cosmos β A Design System For Auth0 Products.
- Coursera β Coursera UI component library.
- Fyndiq β Fyndiq UI Component library.
- Grafana UI β Grafana UI components library.
- Grommet β Styled components for Reactjs.
- GumGum β GumGum (Computer Vision Company) Component library.
- Hack Oregon β Official component library and storybook for Hack Oregon.
- Lonely Planet β All the tools you need to build the Lonely Planet UI experience.
- Lucid UI β Component and charts library by AppNexus.
- MockingBot β MockingBot UI component library(ibot).
- Quran.com β Component library for Quran.com, Quranicaudio.com and Salah.com.
- React Event Timeline β Event timeline component.
- React Native Web β Storybook demo for React Native Web.
- React Strap β Simple React Bootstrap 5 components.
- React Suite β A suite of React components.
- Semantic-UI β Storybook for Semantic-UI React components.
- Tachyons Components β A searchable directory of Tachyons Components.
- TodoMVC with Specs β Todo app Storybook with built-in unit tests.
- Trunx β Super Saiyan react components, son of awesome Bulma.
- Uber React-Vis β A composable charting library.
- Wix Style React β Components that conform to Wix Style.
Resources
Videos
Comparators
- Adele β Repository of publicly available design systems and pattern libraries by UXPin.
- awesome-design-systems β A collection of awesome design systems.
- Design System Repo β Design Systems Gallery
- styleguides.io β Website Style Guide Resources.
Tools
- react-sketchapp β render React components to Sketch