https://github.com/alexpate/awesome-design-systems
π
π» β A collection of awesome design systems
https://github.com/alexpate/awesome-design-systems
List: awesome-design-systems
awesome awesome-list design-systems hacktoberfest pattern-library ui-library
Last synced: 10 days ago
JSON representation
π π» β A collection of awesome design systems
- Host: GitHub
- URL: https://github.com/alexpate/awesome-design-systems
- Owner: alexpate
- License: unlicense
- Created: 2017-06-06T19:56:49.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2026-04-28T16:03:25.000Z (6 months ago)
- Last Synced: 2026-10-04T11:43:30.844Z (25 days ago)
- Topics: awesome, awesome-list, design-systems, hacktoberfest, pattern-library, ui-library
- Homepage: https://git.io/design-systems
- Size: 434 KB
- Stars: 26,062
- Watchers: 468
- Forks: 1,665
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- favorite-link - awesome design systemsγ
- fucking-lists - awesome-design-systems
- awesomelist - awesome-design-systems
- awesome-awesome - Awesome design systems
- awesome-repositories - alexpate/awesome-design-systems
- more-awesome - Design Systems - Collection of reusable components, guided by rules that ensure consistency and speed. Also by [@klaufel](https://github.com/klaufel/awesome-design-systems#readme). (Media)
- awesome-hacktoberfest - awesome-design-systems
- collection - awesome-design-systems
- lists - awesome-design-systems
- awesome-frontend-resources - Awesome Design Systems - List of design systems, pattern libraries and everything inbetween. (General <a name="general"></a>)
- awesome-design-systems - here
- awesome-list - awesome-design-systems
- awesome-github-star - awesome-design-systems
- awesome-ccamel - alexpate/awesome-design-systems - π π» β A collection of awesome design systems (Misc)
- awesome-learning - Awesome System Design
- awesome-lists - Awesome Design Systems - A list of design systems and pattern libraries. (Designing / Awesome Design)
- stars - awesome-design-systems
- Awesome-Design-Resources-List - Awesome Design Systems - a collection of awesome design systems (π° News & Blogs (Curated resources, newsletters) / References and learning resources)
- awesome-ui-libraries - awesome-design-systems
- awesome-product-design - Awesome Design Systems - Curated list of design systems, patterns libraries, and everything in between. (Visual)
- awesome-index - alexpate/awesome-design-systems
- awesome-list - Awesome Design Systems
- my-awesome-learning-resources - Awesome Design Systems π
- awesome - awesome-design-systems - π π» β A collection of awesome design systems (Others)
- awesome-github-projects - awesome-design-systems - π π» β A collection of awesome design systems β26,100 π₯ (π Learning & Resources)
- awesome-hacking-lists - alexpate/awesome-design-systems - π π» β A collection of awesome design systems (Others)
- Best-of-Github - Awesome Design Systems - A collection of awesome design systems. (Awesome Lists)
- ui-awesome-list - https://github.com/alexpate/awesome-design-systems
- awesome-product-design - Awesome Design Systems - Curated list of design systems, patterns libraries, and everything in between. (Visual)
- starred-awesome - awesome-design-systems - π π» β A collection of awesome design systems (Others)
- jimsghstars - alexpate/awesome-design-systems - π π» β A collection of awesome design systems (Others)
- awesome-data-analysis - Awesome Design Systems - Collection of design system guides and component libraries for large projects. (ποΈ System Design & Architecture / Tools)
- awesome-styleguides - __awesome-design-systems__
README
Know a resource that isn't listed below? Feel free to create a new [pull request](https://github.com/alexpate/awesome-design-systems/pulls).
> A design system is a collection of documentation on principles and best practices, that helps guide a team to build digital products. They are often embodied in UI libraries and pattern libraries, but can extend to include guides on other areas such as 'Voice and Tone'.
---
### Tags
- Components: Contains coded patterns and examples.
- Voice & Tone: Provides guidance on how language should be used.
- Designers Kit: Includes a Sketch/Photoshop/Figma/etc. file for designers.
- Source code: Publicly viewable source code
---
| | Components | Voice & Tone | Designers Kit | Source code \* |
| ---------------------------------------------------------------------------------- | :--------: | :----------: | :-----------: | :----------------------------------------------------------------------------------------------------: |
| [Aalto University](https://brand.aalto.fi/) | π | π | π | |
| [Adobe Spectrum](https://spectrum.adobe.com) | π | π | π | [:octocat:](https://github.com/adobe/react-spectrum) |
| [Adjust Atlas](https://atlas.adeven.com) | π | π | π | |
| [Alaska Airlines](https://auro.alaskaair.com/) | π | π | π | [:octocat:](https://github.com/AlaskaAirlines) |
| [Alibaba Ant Design](https://ant.design) | π | π | π | [:octocat:](https://github.com/ant-design/ant-design/) |
| [Amplify UI](https://ui.docs.amplify.aws/) | π | π | π | [:octocat:](https://github.com/aws-amplify/amplify-ui/) |
| [Appear Here Styleguide](https://bloom.appearhere.co.uk/) | π | | | [:octocat:](https://github.com/appearhere/bloom) |
| [Apple Developer Design Guidelines](https://developer.apple.com/design/) | | | π | |
| [Arena by Dravensoft](https://arena.dravensoft.org) | π | | | [:octocat:](https://github.com/dravensoft-dev/arena) |
| [Artsy Palette](https://palette.artsy.net/) | π | | | [:octocat:](https://github.com/artsy/palette) |
| [Astro UXDS](https://astrouxds.com/) | π | | π | [:octocat:](https://github.com/RocketCommunicationsInc/astro) |
| [AT UIKIT](https://at-ui.github.io/at-ui/#/en) | π | | | [:octocat:](https://github.com/at-ui/at-ui) |
| [Atlassian Design System](https://atlassian.design) | π | π | π | [:space_invader:](https://bitbucket.org/atlassian/atlassian-frontend-mirror/) |
| [Aurora (Government of Canada)](https://design.gccollab.ca/) | π | π | π | [:octocat:](https://github.com/gctools-outilsgc/design-system) |
| [AutoGuru Overdrive](http://overdrive.autoguru.io/) | π | | | [:octocat:](https://github.com/autoguru-au/overdrive) |
| [AWS Cloudscape Design System](https://cloudscape.design/) | π | π | π | [:octocat:](https://github.com/cloudscape-design/components) |
| [Backpack (Skyscanner)](https://skyscanner.design/) | π | π | π | [:octocat:](https://github.com/skyscanner/backpack) |
| [Basis Design System](https://basis.now.sh) | π | | | [:octocat:](https://github.com/moroshko/basis) |
| [BBC GEL (Global Experience Language)](https://www.bbc.co.uk/gel) | π | π | π | |
| [Bento DS](https://bento-ds.com) | π | | π | [:octocat:](https://github.com/buildo/bento-design-system) |
| [BLiP](https://takenet.github.io/blip-ds/) | π | | | [:octocat:](https://github.com/takenet/blip-ds) |
| [Blueprint](https://blueprintjs.com/) | π | | π | [:octocat:](https://github.com/palantir/blueprint) |
| [Bold (Bridge Design System)](https://bold.bridge.ufsc.tech/) | π | | π | [:octocat:](https://github.com/laboratoriobridge/bold) |
| [Bolt Design System](https://boltdesignsystem.com/) | π | | | |
| [Braid Design System](https://seek-oss.github.io/braid-design-system/) | π | | | [:octocat:](https://github.com/seek-oss/braid-design-system) |
| [British Gas Nucleus](https://britishgas.design/) | π | π | | |
| [Buildit Gravity](http://style.buildit.digital/) | π | | | [:octocat:](https://github.com/buildit/gravity-ui-web) |
| [BuzzFeed Solid](https://solid.buzzfeed.com/) | π | | π | [:octocat:](https://github.com/buzzfeed/solid) |
| [Buzzvil Design System](https://design.buzzvil.com/) | π | π | | |
| [CA Technologies Mineral UI](https://mineral-ui.netlify.app/) | π | | | [:octocat:](https://github.com/mineral-ui/mineral-ui) |
| [Cedar](https://rei.github.io/rei-cedar-docs/) | π | | π | [:octocat:](https://github.com/rei/rei-cedar) |
| [Chakra UI](https://chakra-ui.com/) | π | | | [:octocat:](https://github.com/chakra-ui/chakra-ui) |
| [City of Boston Fleet](https://patterns.boston.gov/) | π | π | | [:octocat:](https://github.com/CityOfBoston/digital) |
| [Cloudflare Kumo](https://kumo-ui.com/) | π | | | [:octocat:](https://github.com/cloudflare/kumo) |
| [Co-op Experience Library](https://www.coop.co.uk/experience-library/) | π | π | π | |
| [Contentful Forma 36](https://f36.contentful.com/) | π | π | π | [:octocat:](https://github.com/contentful/forma-36) |
| [daisyUI](https://daisyui.com/) | π | | | [:octocat:](https://github.com/saadeghi/daisyui) |
| [Decentraland UI](https://ui.decentraland.org/) | π | | | [:octocat:](https://github.com/decentraland/ui) |
| [Duet](https://www.duetds.com) | π | | π | |
| [eBay Skin](https://opensource.ebay.com/evo-web/) | π | | | [:octocat:](https://github.com/eBay/evo-web) |
| [Elastic UI Framework](https://elastic.github.io/eui/) | π | π | π | [:octocat:](https://github.com/elastic/eui) |
| [ENGIE Fluid Design System](https://www.engie.design) | π | | π | |
| [Enel](https://dsyui.enelx.com/) | π | | | |
| [Estonia Country Design Guidelines](https://brand.estonia.ee) | π | π | π | |
| [Evergreen](https://evergreen.surge.sh) | π | | | [:octocat:](https://github.com/segmentio/evergreen) |
| [Finland Toolbox](https://toolbox.finland.fi/) | | π | π | |
| [Firefox Acorn Design System](https://acorn.firefox.com/) | π | π | π | |
| [Flowbite Design System](https://www.figma.com/community/file/1179442320711977498) | π | | π | [:octocat:](https://github.com/themesberg/flowbite) |
| [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/) | π | π | π | [:octocat:](https://github.com/microsoft/fluentui) |
| [Foundation](https://get.foundation/) | π | π | π | [:octocat:](https://github.com/foundation/foundation-sites) |
| [Foyer Design System](https://design.foyer.lu/) | π | | π | :closed_lock_with_key: |
| [French Government Design System](https://www.systeme-de-design.gouv.fr/) | π | π | π | [:octocat:](https://github.com/GouvernementFR/dsfr) |
| [FutureLearn Pattern Library](https://www.futurelearn.com/pattern-library) | π | | | |
| [GitHub Primer](https://primer.style/) | π | | π | [:octocat:](https://github.com/primer/) |
| [GitLab Design System - Pajamas](https://design.gitlab.com/) | π | π | π | [:fox_face:](https://gitlab.com/gitlab-org/design.gitlab.com) |
| [GoodBarber Design System](https://www.goodbarber.com/uxdesign/) | π | | | |
| [Google Material Design](https://material.io/guidelines/#introduction-goals) | π | π | π | [:octocat:](https://github.com/material-components/material-components) |
| [GOV.UK Design System](https://www.gov.uk/design-system) | π | | | [:octocat:](https://github.com/alphagov/govuk-design-system) |
| [Gympass Yoga](https://gympass.github.io/yoga/) | π | π | | [:octocat:](https://github.com/gympass/yoga) |
| [HashiCorp Helios](https://helios.hashicorp.design) | π | π | π | [:octocat:](https://github.com/hashicorp/design-system) |
| [haus](https://haus.hipuku.dev) | π | | | [:octocat:](https://github.com/hipuku/haus) |
| [Heroku Purple3](https://design.herokai.com/) | π | | | |
| [HeroUI](https://heroui.com/) | π | | π | [:octocat:](https://github.com/heroui-inc/heroui) |
| [Hewlett Packard grommet](https://grommet.github.io) | π | | | [:octocat:](https://github.com/grommet/grommet) |
| [IBM Carbon](https://www.carbondesignsystem.com/) | π | π | π | [:octocat:](https://github.com/ibm/carbon-components) |
| [IBM Design Language](https://www.ibm.com/design/language/) | π | π | | |
| [IBM Northstar](https://www.ibm.com/standards/web/) | π | π | | |
| [Intuit Harmony](https://designsystem.quickbooks.com/) | π | π | π | |
| [Italia Design System](https://designers.italia.it/design-system/) | π | π | π | [:octocat:](https://github.com/italia) |
| [JB Design System](https://javadbat.github.io/design-system) | π | π | | [:octocat:](https://javadbat.github.io/design-system) |
| [JetBrains Ring UI](https://jetbrains.github.io/ring-ui) | π | | | [:octocat:](https://github.com/JetBrains/ring-ui) |
| [Jobber](https://atlantis.getjobber.com) (π± Atlantis) | π | | | |
| [Just Eat Takeaway.com PIE Design System](https://pie.design/) | π | | π | [:octocat:](https://github.com/justeattakeaway/pie) |
| [Kaizen](https://cultureamp.design/) | π | π | | [:octocat:](https://github.com/cultureamp/kaizen-design-system) |
| [KoliBri](https://public-ui.github.io/) (Public-UI) | π | | | [:octocat:](https://github.com/public-ui/kolibri/) |
| [Kontur](https://guides.kontur.ru/) | π | | π | [:octocat:](https://github.com/skbkontur/retail-ui/) |
| [Korea Design System](https://www.krds.go.kr) | π | π | π | [:octocat:](https://github.com/KRDS-uiux/krds-uiux) |
| [Mail.ru Group Paradigm](https://design.mail.ru/) | π | π | π | |
| [Mailchimp Content Styleguide](https://styleguide.mailchimp.com/) | | π | | |
| [Mantine](https://mantine.dev/) | π | | | [:octocat:](https://github.com/mantinedev/mantine) |
| [Marvel Styleguide](https://marvelapp.com/styleguide) | π | | | |
| [Material Minimal](https://material-minimal.com/) | π | π | π | [:octocat:](https://github.com/mdbootstrap/mdb-ui-kit) |
| [Materialize CSS](https://materializecss.com/) | π | | π | [:octocat:](https://github.com/Dogfalo/materialize) |
| [Mesh Design System](https://www.meshdesignsystem.com/) | π | | π | |
| [Meta Astryx](https://astryx.atmeta.com/) | π | π | π | [:octocat:](https://github.com/facebook/astryx) |
| [Microsoft Fluent](https://www.microsoft.com/design/fluent/) | π | | π | [:octocat:](https://github.com/microsoft/fluentui) |
| [Mixpanel Design System](https://design.mixpanel.com) | π | π | | |
| [MongoDB Design System](http://mongodb.design) | π | | π | [:octocat:](https://github.com/mongodb/leafygreen-ui) |
| [Monzo Tone of Voice](https://monzo.com/tone-of-voice/) | | π | | |
| [Morningstar Design System](http://designsystem.morningstar.com/) | π | π | π | |
| [Mozilla Protocol](https://protocol.mozilla.org/) | π | | | [:octocat:](https://github.com/mozilla/protocol) |
| [MUI: Base UI](https://base-ui.com/) | π | | | [:octocat:](https://github.com/mui/base-ui) |
| [MUI: Material UI](https://mui.com/material-ui/) | π | | π | [:octocat:](https://github.com/mui/material-ui) |
| [NASA Web Design System](https://nasa.github.io/nasawds-site/) | π | | | [:octocat:](https://github.com/nasa/nasawds) |
| [NationBuilder Radius](https://www.nationbuilder.design/) | π | | | |
| [NHS.UK Service Manual](https://service-manual.nhs.uk/) | π | π | | |
| [Nordhealth](https://nordhealth.design/) | π | | π | |
| [New York State Design System](https://designsystem.ny.gov/components/) | π | | π | [:octocat:](https://github.com/ITS-HCD/nysds) |
| [Nordnet](https://brand.nordnet.se/) | π | π | | |
| [NVIDIA Elements Design System](https://nvidia.github.io/elements/) | π | | | [:octocat:](https://github.com/NVIDIA/elements) |
| [Okta Odyssey Design System](https://odyssey-storybook.okta.design/) | π | | π | [:octocat:](https://github.com/okta/odyssey) |
| [Ontario Design System](https://designsystem.ontario.ca/) | π | | π | [:globe_with_meridians:](https://designsystem.ontario.ca/docs/documentation/release-notes.html#latest) |
| [Oracle Redwood](https://redwood.oracle.com) | π | | π | |
| [Persona Design System](https://privy-open-source.github.io/design-system/) | π | π | | [:octocat:](https://github.com/privy-open-source/design-system) |
| [Pharos: JSTOR's Design System](https://pharos.jstor.org) | π | π | | [:octocat:](https://github.com/ithaka/pharos) |
| [Pinterest Gestalt](https://pinterest.github.io/gestalt/#/) | π | | | [:octocat:](https://github.com/pinterest/gestalt) |
| [Pivotal](https://pivotal-cf.github.io/pivotal-ui/) | π | | | [:octocat:](https://github.com/pivotal-cf/pivotal-ui) |
| [Pluralsight Design System](https://design-system.pluralsight.com/) | π | | | |
| [Porsche Design System](https://designsystem.porsche.com) | π | | π | [:octocat:](https://github.com/porsche-design-system/porsche-design-system) |
| [Priceline Design System](https://priceline.github.io/design-system/) | π | π | | [:octocat:](https://github.com/priceline/design-system) |
| [Pusher Chameleon](https://pusher.github.io/chameleon/) | π | | | [:octocat:](https://github.com/pusher/chameleon) |
| [Radix](https://www.radix-ui.com/) | π | | | [:octocat:](https://github.com/radix-ui) |
| [Rambler](https://rambler-digital-solutions.github.io/rambler-ui/) | π | | | [:octocat:](https://github.com/rambler-digital-solutions/rambler-ui) |
| [Reshaped](https://reshaped.so) | π | | π | |
| [Salesforce Lightning Design System](https://www.lightningdesignsystem.com) | π | π | π | [:octocat:](https://github.com/salesforce-ux/design-system) |
| [Sage by Kajabi](https://sage.kajabi.com) | π | | | [:octocat:](https://github.com/Kajabi/sage-lib) |
| [SAP Fiori](https://experience.sap.com/fiori-design/) | π | | | |
| [SAP Fundamental](https://github.com/SAP/fundamental) | π | | | [:octocat:](https://github.com/SAP/fundamental) |
| [SAP OpenUI](https://github.com/SAP/openui5) | π | | | [:octocat:](https://github.com/SAP/openui5) |
| [Scania Digital Design System](https://tegel.scania.com) | π | | π | [:octocat:](https://github.com/scania-digital-design-system/tegel) |
| [Seeds](https://sproutsocial.com/seeds) | π | π | π | |
| [Semi Design](https://semi.design/en-US) | π | | π | [:octocat:](https://github.com/DouyinFE/semi-design) |
| [Semrush Intergalactic Design System](https://i.semrush.com/) | π | | π | [:octocat:](https://github.com/semrush/intergalactic) |
| [Shoelace](https://shoelace.style) | π | π | | [:octocat:](https://github.com/shoelace-style/shoelace) |
| [Shopify Polaris](https://polaris.shopify.com) | π | π | π | [:octocat:](https://github.com/Shopify/polaris) |
| [Shadcn/ui](https://ui.shadcn.com/) | π | | | [:octocat:](https://github.com/shadcn-ui) |
| [Siemens iX](https://ix.siemens.io/) | π | π | π | [:octocat:](https://github.com/siemens/ix) |
| [Singapore Government Design System](https://www.designsystem.tech.gov.sg/) | π | π | π | [:octocat:](https://github.com/govtechsg/sgds) |
| [Stacks β Stack Overflow](https://stackoverflow.design/) | π | π | | [:octocat:](https://github.com/StackExchange/Stacks) |
| [Strapi Design System](https://design-system.strapi.io/) | π | | | [:octocat:](https://github.com/strapi/design-system) |
| [Teambition Clarity Design](https://design.teambition.com/) | π | | | |
| [TelefΓ³nica MΓstica](https://brandfactory.telefonica.com/mistica) | π | | π | [:octocat:](https://github.com/Telefonica/mistica) |
| [Twilio Paste](https://paste.twilio.design/) | π | π | π | [:octocat:](https://github.com/twilio-labs/paste) |
| [Uber's Base Web](https://baseweb.design/) | π | | | [:octocat:](https://github.com/uber-web/baseui) |
| [Ubuntu Vanilla framework](https://vanillaframework.io/) | π | π | π | [:octocat:](https://github.com/canonical-web-and-design/vanilla-framework) |
| [Uiverse](https://uiverse.io) | π | π | π | [:octocat:](https://github.com/uiverse-io/galaxy) |
| [Untitled UI](https://www.untitledui.com/react/) | π | | π | [:octocat:](https://github.com/untitleduico/react/) |
| [usva.](https://usva.build) | π | π | | [:octocat:](https://github.com/matt-pasek/usva) |
| [U.S. Web Design Standards](https://designsystem.digital.gov/) | π | π | π | [:octocat:](https://github.com/uswds/uswds) |
| [U.S. CMS.gov Design System](https://design.cms.gov/) | π | | | |
| [Vibe](https://style.monday.com/) | π | | π | [:octocat:](https://github.com/mondaycom/vibe) |
| [VTEX Styleguide](https://styleguide.vtex.com/) | π | | π | [:octocat:](https://github.com/vtex/styleguide) |
| [Vue Design System](https://vueds.com/) | π | | | [:octocat:](https://github.com/viljamis/vue-design-system) |
| [Ray by WeWork](https://ray.wework.com) | π | | | [:octocat:](https://github.com/wework/ray) |
| [Welcome UI](http://www.welcome-ui.com/) | π | | | [:octocat:](https://github.com/WTTJ/welcome-ui) |
| [West Midlands Network Design System](https://designsystem.wmnetwork.co.uk/) | π | π | | [:octocat:](https://github.com/wmcadigital/wmn-design-system) |
| [Wix Style React](https://www.wix-style-react.com/storybook/) | π | | | |
| [Vercel](https://vercel.com/geist) | π | | | |
| [Workday Canvas](https://design.workday.com/) | π | π | | [:octocat:](https://github.com/Workday/canvas-kit) |
| [Yelp Styleguide](https://www.yelp.com/styleguide) | π | π | | |
| [Zendesk Garden](https://garden.zendesk.com/) | π | | | [:octocat:](https://github.com/zendeskgarden) |
### Notes
\*_Projects marked as open source may not always be open to use. Always check the license of these projects before using them._
Although 'design systems', 'ui libraries', and 'pattern libraries' are different things, they are often used interchangeably. This list contains all three.
### Credits
Cover icon: 'Solar System' by Andrejs Kirma from the Noun Project