README-en

Awesome

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

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

• 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

\

• AirBnB Design

• ArtLebedev

\

Videos

\

• System of Systems — Nathan Curtis

• When We Use Systems — Karri Saarinen

\

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