Top Design systems repositories on GitHub

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

• programming
• development
• design
• design-system
• system
• design-patterns

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

• react-components
• react
• material-design
• material-ui
• design-system

A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

• awesome-list
• design-md
• design-system
• google-stitch
• landing-page
• design-tokens

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

• tailwind-css
• ui-library
• design-system
• ui-pattern
• ui-framework
• css-components

Chakra UI is a component system for building SaaS products with speed ⚡️

• chakra-ui
• react
• uikit
• react-components
• accessible
• a11y

✍ It has never been so easy to document your things!

• docs
• documentation
• js
• react
• zero-configuration
• ui

🌟 Curated design resources from all over the world.

• design
• ui
• ux
• creative
• adobe
• sketch

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

• typescript
• stencil
• stenciljs
• ionic
• ssr
• ssg

Primer is GitHub's design system. This is the CSS implementation

• sass
• ui-components
• framework
• design-system
• design-systems
• primer

Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

• tailwind
• accessibility
• components
• css
• design-system
• frontend

A design system for building faithful recreations of old UIs

• css
• design-system
• windows98
• guy-fieri

Material Design Web Components

• component-
• design-system
• lit
• lit-element
• lit-html
• material

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click

• react
• ui-libary
• design-system
• dark-mode
• design2code
• code2design

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

• accessibility
• design-system
• react
• react-components
• wai-aria
• base-ui

Open-source UI component library and front-end development framework based on Tailwind CSS

• css
• html
• tailwindcss
• components
• design-system
• ui-components

A design system built by IBM

• scss
• design-system
• react
• javascript
• hacktoberfest

Fastest way to build modern websites

• javascript
• javascript-framework
• markdown-flavour
• design
• design-system
• nuejs

a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

• grommet
• javascript
• ux-framework
• babel
• react
• a11y

:atom_symbol: React primitive UI components built with styled-system.

• javascript
• react
• css
• ui
• styled-components
• rebass

🌈🕹 Windows 95 style UI component library for React

• component-library
• react
• reactjs
• windows95
• styled-components
• ui

An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue

• accessible
• design-system
• headless
• primitives
• ui
• ui-kit

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

• ux
• ui
• angular
• css
• typescript
• component-library

Elastic UI Framework 🙌

• eui
• react
• design-system
• elasticsearch
• kibana
• css-in-js

Shopify's Polaris Design System - React implementation (Deprecated)

• shopify-polaris
• react
• typescript
• design-system
• component-library
• design-systems

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

• css
• styled-system
• typescript
• utility-classes
• design-system
• framework-agnostic