streamich / awesome-styleguides

A curated list of UI styleguides — 😎💄

_Styleguides

• AgnosticUI — Accessible CSS component primitives that work with React, Vue 3, Svelte, and Angular.
• Apple Human Interface Guidelines — 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.
• Flowbite — Components on top of Tailwind CSS
• 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

• 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