Top 253 design-system open source projects

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

Visual CSS generator for React

Code for Learn Storybook

Elastic UI Framework 🙌

Static site and content for Component Driven

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

A curated list of bookmarks, resources and articles about design systems focused on developers.

Static site and content for Storybook tutorials

The bootstrap components made with styled-components 💅

Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications

Argon - Design System for Bootstrap 4 by Creative Tim

Uber UI Clone with React Native & Expo

🌟 Curated design resources from all over the world.

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!

You can now move symbol from your project to any library and re-attach all the symbol instances to this library. also it keep the overrides without any problems and it work with abstract that have libraries not in your local machine

Carbon Design System variant on top of Web Components

An open source tool for building UI Design Systems with Vue.js

A Vue.js design-system for Web.

Created from react styleguidist for Vue Components with a living style guide

为开发者、设计师和产品经理准备的 UI 设计语言

Development kits to implement UI following the Workday Canvas Design System (https://design.workday.com). See our Component Storybook -

React version of BLK Design System:

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

The VTEX Design System and React component library.

USWDS website and documentation

Hack Club's design system

Fluid System is a style props function transformer for generating fluid styles. 💦

Disney+ UI Clone with React Native & Expo

Modern and minimalist React UI library.

Yoga design-system: a scientific system of practices made to help each one of us achieve our highest potential and experience.

CION - Design system boilerplate for Vue.js

The CSS design system that powers GitHub

Utility for building design system in react-native. Idea from TailwindCSS

NorthStar aims to be the standard for rapidly prototyping intuitive, meaningful and accessible user experiences. It simplifies your work and ensures consistent, predictable experiences at scale for your customers. With NorthStar, you can focus on innovation and do more with less.

Overrideit is sketch plugin that allow designers to search in overridelist and overrides dropdowns, and with many other features.

Aksara Design System, from Kata.ai.

Barista - the Dynatrace design system. Tailored to scale.

UI components, libraries, and templates for building robust devtools experiences.

Design system for new Proton project

🍃 Leaf-UI: A react component library built using styled-components

Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!

The Scale library offers a set of customizable web components written with Stencil.js & TypeScript. The default theme of the library can be easily replaced so that a corresponding corporate identity of a dedicated brand can be represented.

⚛️A free and beautiful React admin dashboard template pack.

😸 A fast, friendly, and fun web UI kit for everyone.

An opinionated component library for Halogen apps

Design system for the modern web.

Protocol oriented, type safe, scalable design system foundation swift framework for iOS.

Decathlon Design System libraries for web applications

list of awesome resources about digital design system.

Primer React components

Component library for building Lightspeed products

A modern CSS framework for developing powerful web interfaces faster and easier.

Stylable - CSS for components

🔥 A react UI component library

A cohesive design system & Vue component library to unify the web-facing Creative Commons

Design System for developers build on styled-components & React JS.

👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.

Website and documentation for Radix.