233 Open Source Design System Software Projects

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

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

🌟Curated design resources

The CSS design system that powers GitHub

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

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

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

A design system for building faithful recreations of old UIs

🌈🕹 Refreshed Windows 95 style UI components for your React app

Shopify’s product component library

Create living prototypes with code components.

🦍 A configurable component library for web built on React.

Build consistent, themeable React apps based on constraint-based design principles

Elastic UI Framework 🙌

Argon - Design System for Bootstrap 4 by Creative Tim

Static site and content for Storybook tutorials

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

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

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

Stylable - CSS for components

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

Modern and minimalist React UI library.

A lightweight front-end framework for building accessible, bespoke interfaces.

Primer React components

Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰

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

:dizzy:Customizable Design System easily adaptable to your Brand.

⚡️ Build scalable and accessible Vue.js applications with ease.

The standard CSS implementation of the Spectrum design language.

Themeable design system for the SEEK Group

React components of open-source Orbit design system by Kiwi.com

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

Pivotal's design system & component library

Priceline.com Design System

SumUp's component library for the web

⚛️A beautiful and modern React design system.

🔭 Auth0 Design System

Bootstrap 5 & Material Design 2.0 UI KIT

This is the official DTCG repository for the design tokens specification.

:memo: Document and develop React components with MDX and Next.js

Backpack Design System

CSS-in-JS microlibrary for making design systems approachable with React

React UI component design tool

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

Responsive and accessible React UI components built with Typescript

Workbench for UI-driven development

A series of tools for the Precious Plastic community to collaborate around the world and tackle plastic waste.

Check the compliance of your design guidelines within seconds

Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.

Visual CSS generator for React

Building blocks for effective operational interfaces

Code for Learn Storybook

Customizable design system of @wttj with react • styled-components • styled-system • reakit

A Utility-First React Native UI Framework 🚀🧩

The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.

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

The bootstrap components made with styled-components 💅

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

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

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

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.

Add some dimension to your page with blocks 🚀

🎨 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!

USWDS website and documentation

The VTEX Design System and React component library.

Hack Club's design system

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

Carbon Design System variant on top of Web Components

React version of BLK Design System:

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

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

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

CION - Design system boilerplate for Vue.js

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

Component library 💅

React components for Wonder Blocks design system.

An open source design system by Magnetis

Shared UI Library for Ticketmaster

Design system for new Proton project

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

Flexible components html + css + react using BEM convention. Maybe, you can call it "Design System" !

Aksara Design System, from Kata.ai.

Barista - the Dynatrace design system. Tailored to scale.

🎨 Design System of @juntossomosmais

A React design system starter kit built from the Ether System libraries

Design system for the modern web.

Accessibility oriented design system for developing fast and powerful web interfaces.

Spark Design System

An opinionated component library for Halogen apps

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.

list of awesome resources about digital design system.

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

Kick-Start Your Development With An Awesome Design System carefully designed for your online business showcase. Joint project by Creative Tim and Themesberg.

💅 3YOURMIND’s Vue UI Framework & Design System

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

Component library for building Lightspeed products

Build Your Design System on Knapsack

A design system for web development with Bootstrap 4, inspired by material design.

🔥 A react UI component library