{"id":13395212,"url":"https://github.com/streamich/awesome-styleguides","last_synced_at":"2026-02-10T19:36:14.983Z","repository":{"id":33664969,"uuid":"160412989","full_name":"streamich/awesome-styleguides","owner":"streamich","description":"A curated list of UI styleguides — 😎💄","archived":false,"fork":false,"pushed_at":"2026-01-29T20:41:22.000Z","size":108,"stargazers_count":1237,"open_issues_count":1,"forks_count":64,"subscribers_count":15,"default_branch":"master","last_synced_at":"2026-02-10T17:42:26.408Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/streamich.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"streamich"}},"created_at":"2018-12-04T20:10:55.000Z","updated_at":"2026-02-10T07:32:06.000Z","dependencies_parsed_at":"2024-01-06T02:05:35.699Z","dependency_job_id":"b249b5f1-6a1e-419d-90f8-89431c885918","html_url":"https://github.com/streamich/awesome-styleguides","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/streamich/awesome-styleguides","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/streamich%2Fawesome-styleguides","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/streamich%2Fawesome-styleguides/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/streamich%2Fawesome-styleguides/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/streamich%2Fawesome-styleguides/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/streamich","download_url":"https://codeload.github.com/streamich/awesome-styleguides/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/streamich%2Fawesome-styleguides/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29313156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-10T17:48:59.043Z","status":"ssl_error","status_checked_at":"2026-02-10T17:45:37.240Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T17:01:46.389Z","updated_at":"2026-02-10T19:36:14.974Z","avatar_url":"https://github.com/streamich.png","language":null,"funding_links":["https://github.com/sponsors/streamich"],"categories":["Others","Other Lists","Front End","🌐 Web Development - Frontend"],"sub_categories":["TeX Lists","Design Systems \u0026 Pattern Libraries"],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg width=\"500\" height=\"350\" src=\"https://raw.githubusercontent.com/sindresorhus/awesome/0c8952c98f9ac61b23148f9cb64abbcb34be7b16/media/logo.svg\" alt=\"Awesome\"\u003e\n\u003c/div\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eStyleguides\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n- [__AgnosticUI__](https://www.agnosticui.com/) \u0026mdash; Accessible CSS component primitives that work with React, Vue 3, Svelte, and Angular.\n- [__Apple Human Interface Guidelines__](https://developer.apple.com/design/human-interface-guidelines/) \u0026mdash; Designing apps that integrate seamlessly with Apple platforms.\n- [__Atlassian Design__](https://atlassian.design/) \u0026mdash; Design, develop, and deliver.\n- [__Audi__](https://styleguide.audi.com/) \u0026mdash; Attitude Brand Appearance.\n- [__Auth0__](https://auth0-cosmos.now.sh/) \u0026mdash; Cosmos is a Design System to build Auth0 products.\n- [__Disqus__](https://disqus.com/pages/style-guide/) \u0026mdash; colors, typogrophy and Disqus logo.\n- [__Duo Lingo__](https://www.duolingo.com/design/) \u0026mdash; Duo Lingo design.\n- [__Elastic UI__](https://elastic.github.io/eui/#/) \u0026mdash; Elastic UI Framework.\n- [__Evergreen__](https://evergreen.segment.com/) \u0026mdash; Segment’s design system.\n- [__Gestalt__](https://gestalt.pinterest.systems/home) \u0026mdash; Pinterest’s design system.\n- [__Helpscout__](https://style.helpscout.com/) \u0026mdash; Helpscout style guide.\n- [__IBM Design__](https://www.ibm.com/design/language/resources/) \u0026mdash; Tools that help you work smarter, not harder.\n- [__MailChimp__](http://ux.mailchimp.com/patterns) \u0026mdash; The Pattern Library.\n- [__MarvelApp__](https://marvelapp.com/styleguide/overview/introduction) \u0026mdash; MarvelApp design system.\n- [__Material Design__](https://material.io/design) \u0026mdash; Create intuitive and beautiful products with Material Design.\n- [__Material UI__](https://material-ui.com/) \u0026mdash; React components that implement Google's Material Design.\n- [__Microsoft Fluent Design__](https://www.microsoft.com/design/fluent/) \u0026mdash; No need to start from scratch.\n- [__Microsoft UWP Design and UI__](https://docs.microsoft.com/en-us/windows/uwp/design/) \u0026mdash; Design and code Windows apps\n- [__Mozilla__](https://www.mozilla.org/en-US/styleguide/) \u0026mdash; Style Guides.\n- [__Nebular__](https://akveo.github.io/nebular/) \u0026mdash; Angular 8: UI Kit.\n- [__Operational UI__](https://operational-ui.netlify.com/) \u0026mdash; Operational UI Components\n- [__Pajamas__](https://design.gitlab.com/) \u0026mdash; Resources, components, and design guidelines behind GitLab.\n- [__Pluralsight Design__](https://design-system.pluralsight.com/) \u0026mdash; Pluralsight design system.\n- [__Polaris__](https://polaris.shopify.com/) \u0026mdash; Shopify’s product component library.\n- [__Priceline One__](https://pricelinelabs.github.io/) \u0026mdash; Priceline Design System.\n- [__Primer__](https://primer.style/) \u0026mdash; the CSS design system that powers GitHub.\n- [__Radix UI__](https://www.radix-ui.com) \u0026mdash; an open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.\n- [__React Aria__](http://react-aria.adobe.com/) \u0026mdash; Craft world-class accessible components with custom styles.\n- [__Royal Canin__](http://developer.royalcanin.com/) \u0026mdash; Royal Canin design system.\n- [__Salesforce__](http://sfdc-styleguide.herokuapp.com/) \u0026mdash; Lightning design system.\n- [__SAP Fiori Fundamentals__](https://sap.github.io/fundamental/) \u0026mdash; A light-weight presentation layer that can be used with your UI framework of choice.\n- [__Semantic UI__](https://semantic-ui.com/) \u0026mdash; User Interface is the language of the web.\n- [__Flowbite__](https://flowbite.com/) \u0026mdash; Components on top of Tailwind CSS\n- [__Tamagui__](https://tamagui.dev/) \u0026mdash; A style library for React and/or React Native with a large typed superset of the React Native style API.\n- [__Thumbprint__](https://thumbprint.design/) \u0026mdash; Assets for building high-quality, consistent user experiences at Thumbtack.\n- [__Untitled UI__](https://www.untitledui.com/react/docs/introduction) \u0026mdash; World's largest collection of OSS React components built with Tailwind CSS.\n- [__Zag__](https://zagjs.com/) \u0026mdash; UI components powered by Finite State Machines.\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eStorybooks\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n- [__Algolia InstantSearch__](https://community.algolia.com/react-instantsearch/storybook/) \u0026mdash; Lightning-fast, hyper-configurable search.\n- [__Appbase Maps__](https://opensource.appbase.io/playground/) \u0026mdash; A storybook playground for ReactiveMaps and ReactiveSearch.\n- [__Artsy Force__](https://artsy.github.io/reaction/) \u0026mdash; Artsy's \"Force\" component library.\n- [__Buffer Components__](https://bufferapp.github.io/buffer-components/) \u0026mdash; A collection of Buffer UI React components.\n- [__Carbon Components__](http://react.carbondesignsystem.com) \u0026mdash; IBM's Carbon Design System implemented in React.\n- [__Cosmos__](https://auth0-cosmos.now.sh/sandbox/) \u0026mdash; A Design System For Auth0 Products.\n- [__Coursera__](https://building.coursera.org/coursera-ui/) \u0026mdash; Coursera UI component library.\n- [__Fyndiq__](https://fyndiq.github.io/fyndiq-ui/) \u0026mdash; Fyndiq UI Component library.\n- [__Grafana UI__](https://github.com/grafana/grafana/tree/master/packages/grafana-ui) \u0026mdash; Grafana UI components library.\n- [__Grommet__](https://storybook.grommet.io/) \u0026mdash; Styled components for Reactjs.\n- [__GumGum__](https://storybook.gumgum.com) \u0026mdash; GumGum (Computer Vision Company) Component library.\n- [__Hack Oregon__](https://hackoregon.github.io/component-library/) \u0026mdash; Official component library and storybook for Hack Oregon.\n- [__Lonely Planet__](https://lonelyplanet.github.io/backpack-ui/) \u0026mdash; All the tools you need to build the Lonely Planet UI experience.\n- [__Lucid UI__](https://appnexus.github.io/lucid/) \u0026mdash; Component and charts library by AppNexus.\n- [__MockingBot__](https://ibot.guide) \u0026mdash; MockingBot UI component library(ibot).\n- [__Quran.com__](https://quran.github.io/common-components/) \u0026mdash; Component library for Quran.com, Quranicaudio.com and Salah.com.\n- [__React Event Timeline__](https://rcdexta.github.io/react-event-timeline/) \u0026mdash; Event timeline component.\n- [__React Native Web__](https://necolas.github.io/react-native-web/storybook/) \u0026mdash; Storybook demo for React Native Web.\n- [__React Strap__](https://reactstrap.github.io/) \u0026mdash; Simple React Bootstrap 5 components.\n- [__React Suite__](https://rsuitejs.com/) \u0026mdash; A suite of React components.\n- [__Semantic-UI__](https://white-rabbit-japan.github.io/Semantic-UI-React-Storybook/) \u0026mdash; Storybook for Semantic-UI React components.\n- [__Tachyons Components__](https://www.tachyonstemplates.com/components/) \u0026mdash; A searchable directory of Tachyons Components.\n- [__TodoMVC with Specs__](https://thorjarhun.github.io/react-storybook-todolist/) \u0026mdash; Todo app Storybook with built-in unit tests.\n- [__Trunx__](https://g14n.info/trunx) \u0026mdash; Super Saiyan react components, son of awesome Bulma.\n- [__Uber React-Vis__](https://uber.github.io/react-vis/website/dist/storybook/index.html) \u0026mdash; A composable charting library.\n- [__Wix Style React__](https://github.com/wix/wix-style-react) \u0026mdash; Components that conform to Wix Style.\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eResources\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n- [__AirBnB Design__](https://airbnb.design)\n- [__ArtLebedev__](https://www.artlebedev.com/)\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eVideos\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n- [__System of Systems__](https://vimeo.com/262959101) \u0026mdash; [*Nathan Curtis*](https://twitter.com/nathanacurtis)\n- [__When We Use Systems__](https://vimeo.com/262959714) \u0026mdash; [*Karri Saarinen*](https://twitter.com/karrisaarinen?lang=en)\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eComparators\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n- [__Adele__](https://adele.uxpin.com/) \u0026mdash; Repository of publicly available design systems and pattern libraries by [*UXPin*](https://www.uxpin.com/).\n- [__awesome-design-systems__](https://github.com/alexpate/awesome-design-systems) \u0026mdash; A collection of awesome design systems.\n- [__Design System Repo__](https://designsystemsrepo.com/design-systems/) \u0026mdash; Design Systems Gallery\n- [__styleguides.io__](http://styleguides.io/) \u0026mdash; Website Style Guide Resources.\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n\u003ch1 align=\"center\"\u003e\u003csub\u003eTools\u003c/sub\u003e\u003c/h1\u003e\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n- [__react-sketchapp__](https://github.com/airbnb/react-sketchapp) \u0026mdash; render React components to Sketch\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstreamich%2Fawesome-styleguides","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstreamich%2Fawesome-styleguides","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstreamich%2Fawesome-styleguides/lists"}