Awesome Open Source
Awesome Open Source
Combined Topics
design-system x
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194

The Top 1,011 Design System Open Source Projects on Github

Categories > User Interface > Design System
System Design Primer ⭐ 146,956
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Ant Design ⭐ 75,134
An enterprise-class UI design language and React UI library
Material Ui ⭐ 72,481
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Storybook ⭐ 65,512
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Iview ⭐ 23,862
A high quality UI Toolkit built on Vue.js 2.0
Awesome Design Tools ⭐ 23,526
The best design tools and plugins for everything 👉
Docz ⭐ 21,831
✍ It has never been so easy to document your things!
System Design Interview ⭐ 13,625
System design interview for IT companies
Awesome Design ⭐ 13,202
🌟 Curated design resources from all over the world.
Awesome Design Systems ⭐ 13,161
💅🏻 ⚒ A collection of awesome design systems
Evergreen ⭐ 11,215
🌲 Evergreen React UI Framework by Segment
Tachyons ⭐ 10,909
Functional css for humans
Css ⭐ 10,531
The CSS design system that powers GitHub
Grommet ⭐ 7,608
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Rebass ⭐ 7,497
⚛️ React primitive UI components built with styled-system.
Styled System ⭐ 7,061
⬢ Style props for rapid UI development
Baseweb ⭐ 7,021
A React Component library implementing the Base design language
Fast ⭐ 6,363
The adaptive interface system for modern web experiences.
Clarity ⭐ 6,344
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.
98.css ⭐ 6,040
A design system for building faithful recreations of old UIs
Uswds ⭐ 5,883
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Modular Monolith With Ddd ⭐ 5,883
Full Modular Monolith application with Domain-Driven Design approach.
Daisyui ⭐ 5,878
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Basscss ⭐ 5,637
Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library
React Spectrum ⭐ 5,295
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Carbon ⭐ 4,811
A design system built by IBM
React95 ⭐ 4,688
🌈🕹 Refreshed Windows 95 style UI components for your React app
Polaris React ⭐ 4,318
Shopify’s admin product component library
Awesome Software Architecture ⭐ 4,285
A curated list of awesome articles and resources to learn and practice about software architecture, patterns, and principles.
Theme Ui ⭐ 4,051
Build consistent, themeable React apps based on constraint-based design principles
Next ⭐ 4,003
🦍 A configurable component library for web built on React.
Playroom ⭐ 3,995
Design with JSX, powered by your own component library.
Alva ⭐ 3,736
Create living prototypes with code components.
Eui ⭐ 3,183
Elastic UI Framework 🙌
Design System ⭐ 3,175
Salesforce Lightning Design System
Mantine ⭐ 2,771
React components and hooks library with native dark theme support focused on usability, accessibility and developer experience
Vuesion ⭐ 2,462
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Viewui ⭐ 2,435
A high quality UI Toolkit built on Vue.js 2.0
React ⭐ 2,391
Modern and minimalist React UI library.
Learnstorybook.com ⭐ 2,278
Static site and content for Storybook tutorials
Argon Design System ⭐ 2,180
Argon - Design System for Bootstrap 4 by Creative Tim
Vue Styleguidist ⭐ 2,098
Created from react styleguidist for Vue Components with a living style guide
Vue Design System ⭐ 1,984
An open source tool for building UI Design Systems with Vue.js
Style Dictionary ⭐ 1,971
A build system for creating cross-platform styles.
Patternlab Node ⭐ 1,875
The Node version of Pattern Lab
Html Sketchapp ⭐ 1,791
HTML to Sketch export solution
Primitives ⭐ 1,742
An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.
React95 ⭐ 1,731
A React components library with Win95 UI
Paris ⭐ 1,690
Define and apply styles to Android views programmatically
X0 ⭐ 1,684
Document & develop React components without breaking a sweat
Theo ⭐ 1,669
Theo is a an abstraction for transforming and formatting Design Tokens
Shards Dashboard React ⭐ 1,390
⚛️A free and beautiful React admin dashboard template pack.
React ⭐ 1,371
A React implementation of GitHub's Primer Design System
Chakra Ui Vue ⭐ 1,315
⚡️ Build scalable and accessible Vue.js applications with ease.
Atomize ⭐ 1,312
Design System for developers build on styled-components & React JS.
Sample Dotnet Core Cqrs Api ⭐ 1,231
Sample .NET Core REST API CQRS implementation with raw SQL and DDD using Clean Architecture.
Kit ⭐ 1,209
Tools for developing, documenting, and testing React component libraries
Stylable ⭐ 1,139
Stylable - CSS for components
Carbon Components Svelte ⭐ 1,135
Svelte implementation of the Carbon Design System
Showkase ⭐ 1,114
🔦 Showkase is an annotation-processor based Android library that helps you organize, discover, search and visualize Jetpack Compose UI elements
Orbit ⭐ 1,109
React components of open-source Orbit design system by Kiwi.com
System Design And Architecture ⭐ 1,099
Learn how to design large-scale systems. Prep for the system design interview.
Braid Design System ⭐ 1,082
Themeable design system for the SEEK Group
Codyhouse Framework ⭐ 1,078
A lightweight front-end framework for building accessible, bespoke interfaces.
Vuedarkmode ⭐ 1,058
👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
Matter ⭐ 1,052
Material Design Components in Pure CSS. Materializing HTML at just one class per component 🍰
Ant Ux ⭐ 1,024
🎸 A sitemap template for ux design
Design Resources ⭐ 871
A curated list of design resources from design templates, stock photos, icons, colors, and much more.
Spectrum Css ⭐ 870
The standard CSS implementation of the Spectrum design language.
Eva ⭐ 851
💫Customizable Design System easily adaptable to your Brand.
React Native Magnus ⭐ 848
A Utility-First React Native UI Framework 🚀🧩
Diez ⭐ 846
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Figma Html ⭐ 766
Figma to HTML, CSS, React, Vue, and more!
Design System React ⭐ 764
Salesforce Lightning Design System for React
Design System Components ⭐ 723
🛠 Component code and tests for the Australian Government design system
Circuit Ui ⭐ 701
SumUp's component library for the web
Shards React ⭐ 662
⚛️A beautiful and modern React design system.
Pivotal Ui ⭐ 639
Pivotal's design system & component library
Design System ⭐ 636
Priceline.com Design System
Html Sketchapp Cli ⭐ 617
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Community Group ⭐ 613
This is the official DTCG repository for the design tokens specification.
Cosmos ⭐ 521
🔭 Auth0 Design System
Mineral Ui ⭐ 513
A design system and React component library for the web brought to you by CA Technologies.
Webdevscom ⭐ 512
😍 All kinds of resources for Developers 🔱 in one place.
Fast Blazor ⭐ 489
A lightweight wrapper around Microsoft's official FluentUI Web Components for use with .NET 5.0 Razor views.
Pollen ⭐ 462
Utility-first CSS for the future
Figmagic ⭐ 445
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
Awesome Design Tokens ⭐ 443
A list of resources on all things to do with Design Tokens
Ui Design ⭐ 440
🔥 A curated list of useful resources related to User Interface Design
Komponent ⭐ 430
An opinionated way of organizing front-end code in Ruby on Rails, based on components
Backpack ⭐ 416
Backpack Design System
Argon Dashboard ⭐ 402
Argon - Dashboard for Bootstrap 4 by Creative Tim
Hiui ⭐ 396
HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
Shards Vue ⭐ 396
🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.
Story2sketch ⭐ 391
Convert Storybook into Sketch symbols 💎
Sancho ⭐ 388
Responsive and accessible React UI components built with Typescript
Awesome React Design Systems ⭐ 385
A collection of awesome React-based design systems
Rimble Ui ⭐ 384
React components that implement Rimble's Design System.
Welcome Ui ⭐ 383
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Community Platform ⭐ 378
A platform to build useful communities that aim to tackle global problems
1-100 of 1,011 projects

Related Projects

Javascript Design System Projects (398)
Reactjs Design System Projects (346)
Typescript Design System Projects (287)
Css Design System Projects (178)
Javascript Reactjs Design System Projects (178)
Typescript Reactjs Design System Projects (170)
Ui Design System Projects (132)
Design System Component Library Projects (116)
Advertising 📦 9
All Projects
Application Programming Interfaces 📦 120
Applications 📦 181
Artificial Intelligence 📦 72
Blockchain 📦 70
Build Tools 📦 111
Cloud Computing 📦 79
Code Quality 📦 28
Collaboration 📦 30
Command Line Interface 📦 48
Community 📦 81
Companies 📦 60
Compilers 📦 60
Computer Science 📦 74
Configuration Management 📦 39
Content Management 📦 167
Control Flow 📦 197
Data Formats 📦 77
Data Processing 📦 266
Data Storage 📦 132
Economics 📦 60
Frameworks 📦 198
Games 📦 122
Graphics 📦 103
Hardware 📦 148
Integrated Development Environments 📦 47
Learning Resources 📦 147
Legal 📦 28
Libraries 📦 119
Lists Of Projects 📦 21
Machine Learning 📦 336
Mapping 📦 61
Marketing 📦 15
Mathematics 📦 55
Media 📦 228
Messaging 📦 97
Networking 📦 304
Operating Systems 📦 84
Operations 📦 120
Package Managers 📦 52
Programming Languages 📦 229
Runtime Environments 📦 96
Science 📦 42
Security 📦 375
Social Media 📦 26
Software Architecture 📦 70
Software Development 📦 68
Software Performance 📦 57
Software Quality 📦 127
Text Editors 📦 45
Text Processing 📦 131
User Interface 📦 310
User Interface Components 📦 465
Version Control 📦 29
Virtualization 📦 68
Web Browsers 📦 38
Web Servers 📦 25
Web User Interface 📦 194
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.

All non readme contents or Github based topics or project metadata copyright Awesome Open Source 2018-2021