/awesome-styleguides

A curated list of UI styleguides — 😎💄

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





Videos





Comparators





Tools