The Top 109 Design System Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

design-system x

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210

The Top 109 Design System Open Source Projects

Categories > User Interface > Design System

System Design Primer ⭐ 122,694

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

Docz ⭐ 19,909

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

Awesome Design ⭐ 12,764

🌟Curated design resources

The CSS design system that powers GitHub

Rebass ⭐ 7,157

⚛️ React primitive UI components built with styled-system.

Grommet ⭐ 7,071

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

Clarity ⭐ 6,183

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

98.css ⭐ 5,597

A design system for building faithful recreations of old UIs

Basscss ⭐ 5,583

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

React95 ⭐ 4,215

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

Polaris React ⭐ 3,897

Shopify’s product component library

🦍 A configurable component library for web built on React.

Create living prototypes with code components.

Theme Ui ⭐ 3,507

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

Elastic UI Framework 🙌

Learnstorybook.com ⭐ 2,233

Static site and content for Storybook tutorials

Argon Design System ⭐ 2,149

Argon - Design System for Bootstrap 4 by Creative Tim

Vue Design System ⭐ 1,966

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

Vue Styleguidist ⭐ 1,913

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

React ⭐ 1,539

Modern and minimalist React UI library.

Shards Dashboard React ⭐ 1,256

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

Components ⭐ 1,104

Primer React components

Stylable ⭐ 1,100

Stylable - CSS for components

Atomize ⭐ 1,030

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

Vuedarkmode ⭐ 1,029

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

Codyhouse Framework ⭐ 1,015

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

System Design And Architecture ⭐ 990

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

Chakra Ui Vue ⭐ 969

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

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

Braid Design System ⭐ 871

Themeable design system for the SEEK Group

💫Customizable Design System easily adaptable to your Brand.

Spectrum Css ⭐ 789

The standard CSS implementation of the Spectrum design language.

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

Carbon Components Svelte ⭐ 652

Svelte implementation of the Carbon Design System

Pivotal Ui ⭐ 635

Pivotal's design system & component library

Shards React ⭐ 631

⚛️A beautiful and modern React design system.

Circuit Ui ⭐ 614

SumUp's component library for the web

React Native Magnus ⭐ 608

A Utility-First React Native UI Framework 🚀🧩

Design System ⭐ 596

Priceline.com Design System

🔭 Auth0 Design System

Community Group ⭐ 468

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

Mdx Docs ⭐ 412

📝 Document and develop React components with MDX and Next.js

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

Backpack ⭐ 394

Backpack Design System

Responsive and accessible React UI components built with Typescript

Shards Dashboard Vue ⭐ 363

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

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

Uiengine ⭐ 349

Workbench for UI-driven development

React UI component design tool

Daisyui ⭐ 342

⭐️ ⭐️ ⭐️ ⭐️ ⭐️ Tailwind Components

Community Platform ⭐ 341

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

Awesome Design Tokens ⭐ 326

A list of resources on all things to do with Design Tokens

Blocks.css ⭐ 318

Add some dimension to your page with blocks 🚀

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

Sketch Lint ⭐ 291

Check the compliance of your design guidelines within seconds

Expo Spotify ⭐ 282

Spotify UI Clone with React Native & Expo || web support => https://expo-spotify.vercel.app

Operational Ui ⭐ 257

Building blocks for effective operational interfaces

Welcome Ui ⭐ 254

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

Storybook Design Token ⭐ 250

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

Visual CSS generator for React

Learnstorybook Code ⭐ 246

Code for Learn Storybook

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

Componentdriven.org ⭐ 232

Static site and content for Component Driven

Awesome Design Systems ⭐ 215

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

Styled Bootstrap Components ⭐ 196

The bootstrap components made with styled-components 💅

Design System ⭐ 191

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

Knopf.css ⭐ 189

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

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.

Framework ⭐ 176

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

Move To Library Sketchplugin ⭐ 174

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

Expo Uber ⭐ 174

Uber UI Clone with React Native & Expo

Carbon Web Components ⭐ 169

Carbon Design System variant on top of Web Components

A Vue.js design-system for Web.

Shine Design ⭐ 157

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

Canvas Kit ⭐ 140

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

Blk Design System React ⭐ 137

React version of BLK Design System:

Styleguide ⭐ 135

The VTEX Design System and React component library.

Uswds Site ⭐ 134

USWDS website and documentation

Design System ⭐ 134

Hack Club's design system

Fluid System ⭐ 130

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

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

Vue Cion Design System ⭐ 118

CION - Design system boilerplate for Vue.js

React Native Design Utility ⭐ 116

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

Overrideit Sketchplugin ⭐ 115

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

Aws Northstar ⭐ 115

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.

Barista ⭐ 106

Barista - the Dynatrace design system. Tailored to scale.

Devtools Ds ⭐ 105

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

Aksara Ui ⭐ 102

Aksara Design System, from Kata.ai.

Design System ⭐ 98

Design system for new Proton project

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

Calcite Components ⭐ 93

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.

Minna Ui ⭐ 86

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

Purescript Ocelot ⭐ 78

An opinionated component library for Halogen apps

Interior ⭐ 76

Design system for the modern web.

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

Awesome Design Language System ⭐ 69

list of awesome resources about digital design system.

Component library for building Lightspeed products

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

Matchbox ⭐ 58

🔥 A react UI component library

1-100 of 109 projects

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210