Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/streamich/awesome-styleguides

A curated list of UI styleguides — 😎💄
https://github.com/streamich/awesome-styleguides

List: awesome-styleguides

Last synced: about 1 month ago
JSON representation

A curated list of UI styleguides — 😎💄

Awesome Lists containing this project

README 

        


Awesome




Styleguides










- [__AgnosticUI__](https://www.agnosticui.com/) — Accessible CSS component primitives that work with React, Vue 3, Svelte, and Angular.

- [__Apple Human Interface Guidelines__](https://developer.apple.com/design/human-interface-guidelines/) — Designing apps that integrate seamlessly with Apple platforms.

- [__Atlassian Design__](https://atlassian.design/) — Design, develop, and deliver.

- [__Audi__](https://styleguide.audi.com/) — Attitude Brand Appearance.

- [__Auth0__](https://auth0-cosmos.now.sh/) — Cosmos is a Design System to build Auth0 products.

- [__Disqus__](https://disqus.com/pages/style-guide/) — colors, typogrophy and Disqus logo.

- [__Duo Lingo__](https://www.duolingo.com/design/) — Duo Lingo design.

- [__Elastic UI__](https://elastic.github.io/eui/#/) — Elastic UI Framework.

- [__Evergreen__](https://evergreen.segment.com/) — Segment’s design system.

- [__Gestalt__](https://gestalt.pinterest.systems/home) — Pinterest’s design system.

- [__Helpscout__](https://style.helpscout.com/) — Helpscout style guide.

- [__IBM Design__](https://www.ibm.com/design/language/resources/) — Tools that help you work smarter, not harder.

- [__MailChimp__](http://ux.mailchimp.com/patterns) — The Pattern Library.

- [__MarvelApp__](https://marvelapp.com/styleguide/overview/introduction) — MarvelApp design system.

- [__Material Design__](https://material.io/design) — Create intuitive and beautiful products with Material Design.

- [__Material UI__](https://material-ui.com/) — React components that implement Google's Material Design.

- [__Microsoft Fluent Design__](https://www.microsoft.com/design/fluent/) — No need to start from scratch.

- [__Microsoft UWP Design and UI__](https://docs.microsoft.com/en-us/windows/uwp/design/) — Design and code Windows apps

- [__Mozilla__](https://www.mozilla.org/en-US/styleguide/) — Style Guides.

- [__Nebular__](https://akveo.github.io/nebular/) — Angular 8: UI Kit.

- [__Operational UI__](https://operational-ui.netlify.com/) — Operational UI Components

- [__Pajamas__](https://design.gitlab.com/) — Resources, components, and design guidelines behind GitLab.

- [__Pluralsight Design__](https://design-system.pluralsight.com/) — Pluralsight design system.

- [__Polaris__](https://polaris.shopify.com/) — Shopify’s product component library.

- [__Priceline One__](https://pricelinelabs.github.io/) — Priceline Design System.

- [__Primer__](https://primer.style/) — the CSS design system that powers GitHub.

- [__Royal Canin__](http://developer.royalcanin.com/) — Royal Canin design system.

- [__Salesforce__](http://sfdc-styleguide.herokuapp.com/) — Lightning design system.

- [__SAP Fiori Fundamentals__](https://sap.github.io/fundamental/) — A light-weight presentation layer that can be used with your UI framework of choice.

- [__Semantic UI__](https://semantic-ui.com/) — User Interface is the language of the web.

- [__Flowbite__](https://flowbite.com/) — Components on top of Tailwind CSS

- [__Tamagui__](https://tamagui.dev/) — A style library for React and/or React Native with a large typed superset of the React Native style API

- [__Thumbprint__](https://thumbprint.design/) — Assets for building high-quality, consistent user experiences at Thumbtack.










Storybooks










- [__Algolia InstantSearch__](https://community.algolia.com/react-instantsearch/storybook/) — Lightning-fast, hyper-configurable search.

- [__Appbase Maps__](https://opensource.appbase.io/playground/) — A storybook playground for ReactiveMaps and ReactiveSearch.

- [__Artsy Force__](https://artsy.github.io/reaction/) — Artsy's "Force" component library.

- [__Buffer Components__](https://bufferapp.github.io/buffer-components/) — A collection of Buffer UI React components.

- [__Carbon Components__](http://react.carbondesignsystem.com) — IBM's Carbon Design System implemented in React.

- [__Cosmos__](https://auth0-cosmos.now.sh/sandbox/) — A Design System For Auth0 Products.

- [__Coursera__](https://building.coursera.org/coursera-ui/) — Coursera UI component library.

- [__Fyndiq__](https://fyndiq.github.io/fyndiq-ui/) — Fyndiq UI Component library.

- [__Grafana UI__](https://github.com/grafana/grafana/tree/master/packages/grafana-ui) — Grafana UI components library.

- [__Grommet__](https://storybook.grommet.io/) — Styled components for Reactjs.

- [__GumGum__](https://storybook.gumgum.com) — GumGum (Computer Vision Company) Component library.

- [__Hack Oregon__](https://hackoregon.github.io/component-library/) — Official component library and storybook for Hack Oregon.

- [__Lonely Planet__](https://lonelyplanet.github.io/backpack-ui/) — All the tools you need to build the Lonely Planet UI experience.

- [__Lucid UI__](https://appnexus.github.io/lucid/) — Component and charts library by AppNexus.

- [__MockingBot__](https://ibot.guide) — MockingBot UI component library(ibot).

- [__Quran.com__](https://quran.github.io/common-components/) — Component library for Quran.com, Quranicaudio.com and Salah.com.

- [__React Event Timeline__](https://rcdexta.github.io/react-event-timeline/) — Event timeline component.

- [__React Native Web__](https://necolas.github.io/react-native-web/storybook/) — Storybook demo for React Native Web.

- [__React Strap__](https://reactstrap.github.io/) — Simple React Bootstrap 5 components.

- [__React Suite__](https://rsuitejs.com/) — A suite of React components.

- [__Semantic-UI__](https://white-rabbit-japan.github.io/Semantic-UI-React-Storybook/) — Storybook for Semantic-UI React components.

- [__Tachyons Components__](https://www.tachyonstemplates.com/components/) — A searchable directory of Tachyons Components.

- [__TodoMVC with Specs__](https://thorjarhun.github.io/react-storybook-todolist/) — Todo app Storybook with built-in unit tests.

- [__Trunx__](https://g14n.info/trunx) — Super Saiyan react components, son of awesome Bulma.

- [__Uber React-Vis__](https://uber.github.io/react-vis/website/dist/storybook/index.html) — A composable charting library.

- [__Wix Style React__](https://github.com/wix/wix-style-react) — Components that conform to Wix Style.










Resources










- [__AirBnB Design__](https://airbnb.design)

- [__ArtLebedev__](https://www.artlebedev.com/)










Videos










- [__System of Systems__](https://vimeo.com/262959101) — [*Nathan Curtis*](https://twitter.com/nathanacurtis)

- [__When We Use Systems__](https://vimeo.com/262959714) — [*Karri Saarinen*](https://twitter.com/karrisaarinen?lang=en)










Comparators










- [__Adele__](https://adele.uxpin.com/) — Repository of publicly available design systems and pattern libraries by [*UXPin*](https://www.uxpin.com/).

- [__awesome-design-systems__](https://github.com/alexpate/awesome-design-systems) — A collection of awesome design systems.

- [__Design System Repo__](https://designsystemsrepo.com/design-systems/) — Design Systems Gallery

- [__styleguides.io__](http://styleguides.io/) — Website Style Guide Resources.










Tools










- [__react-sketchapp__](https://github.com/airbnb/react-sketchapp) — render React components to Sketch