/awesome-styleguides

A curated list of UI styleguides — 😎💄

Awesome

Styleguides



  • Atlassian Design — Design, develop, and deliver.
  • Disqus — colors, typogrophy and Disqus logo.
  • Duo Lingo — Duo Lingo design.
  • 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.
  • Mozilla — Style Guides.
  • Salesforce — Lightning design system.
  • Yelp — Yelp Styleguide.
  • Primer — the CSS design system that powers GitHub.
  • SAP Fiori Fundamentals — A light-weight presentation layer that can be used with your UI framework of choice.
  • Wikimedia — Design style guide for Wikipedia and other open-knowledge projects.


Storybooks



  • Airbnb Dates — An internationalizable, mobile-friendly datepicker library for the web.
  • 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.
  • Griddle — An ultra customizable datagrid component for React.
  • 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 SVG Pan Zoom — A React component that adds pan and zoom features to SVG.
  • Semantic-UI — Storybook for Semantic-UI React components.
  • Tachyons Components — A searchable directory of Tachyons Components.
  • TerraEclipse — React components for TerraEclipse, a political technology and strategy firm.
  • 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