explaingit

alexpate/awesome-design-systems

Analysis updated 2026-06-21

24,249Audience · designerComplexity · 1/5Setup · easy

TLDR

A curated directory of hundreds of public design systems from companies worldwide, tagged by what each includes, components, guidelines, and designer files, as a research reference.

Mindmap

mindmap
  root((Awesome Design Systems))
    What It Is
      Curated directory
      No code included
      Research reference
    Tags
      Coded components
      Voice and tone
      Designer files
      Source code links
    Sectors Covered
      Tech companies
      Governments
      Media
      Startups
    Use Cases
      Design system research
      Pattern comparison
      Adoption decisions
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Research how large companies structure their design systems before building one for your own product.

USE CASE 2

Find an open-source design system to adopt for a new project instead of building components from scratch.

USE CASE 3

Compare component libraries from multiple companies to decide which visual patterns and naming conventions to follow.

USE CASE 4

Discover official Figma or Sketch template files from well-known design systems to use as starting points.

How does it compare?

alexpate/awesome-design-systemselectron-react-boilerplate/electron-react-boilerplatemdbootstrap/mdb-ui-kit
Stars24,24924,24424,264
LanguageTypeScriptSCSS
Setup difficultyeasymoderateeasy
Complexity1/53/52/5
Audiencedesignerdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

In plain English

Awesome Design Systems is a curated directory of publicly available design systems from companies, organizations, and open-source projects around the world. A design system is a set of shared standards, guidelines, and reusable components that a product team uses to build consistent user interfaces. Well-known examples include Google's Material Design, Apple's Human Interface Guidelines, and Atlassian's design system. This repository is simply a comprehensive, organized list, not code itself. It catalogs hundreds of design systems with tags indicating what each one includes: coded UI components (actual ready-to-use interface elements), voice and tone guidelines (how to write copy and communicate with users), designer files (Sketch, Figma, or Photoshop templates for visual designers), and links to source code when available. The list spans entries from large tech companies (Adobe, Alibaba, Amazon, Apple) to airlines, governments, media companies, and small startups. Each entry links to the official documentation or website for that design system. A designer, front-end developer, or product manager would use this as a research reference, for example, when building a new design system for their own organization and wanting to study how others have approached it, or when looking for an existing open-source design system to adopt. It is a pure reference resource, containing no programming language of its own.

Copy-paste prompts

Prompt 1
Which design systems in the awesome-design-systems list include both coded components and Figma files I can download?
Prompt 2
I'm building a design system for a fintech startup, which entries in this list are from financial or enterprise companies I should study?
Prompt 3
Find design systems tagged with voice and tone guidelines so I can see how other companies write their UX copy standards.
Prompt 4
Which government or public-sector design systems are listed here and what accessibility standards do they follow?
Prompt 5
I want to adopt an open-source design system, which ones in this list have the most complete coded component libraries?

Frequently asked questions

What is awesome-design-systems?

A curated directory of hundreds of public design systems from companies worldwide, tagged by what each includes, components, guidelines, and designer files, as a research reference.

How hard is awesome-design-systems to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is awesome-design-systems for?

Mainly designer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub alexpate on gitmyhub

Verify against the repo before relying on details.