Awesome Open Source
Awesome Open Source
Combined Topics
design-system
x
Advertising
📦 10
All Projects
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
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
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
Css
⭐
10,031
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
Next
⭐
3,693
🦍 A configurable component library for web built on React.
Alva
⭐
3,638
Create living prototypes with code components.
Theme Ui
⭐
3,507
Build consistent, themeable React apps based on constraint-based design principles
Eui
⭐
2,588
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.
Matter
⭐
881
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
Eva
⭐
842
💫Customizable Design System easily adaptable to your Brand.
Spectrum Css
⭐
789
The standard CSS implementation of the Spectrum design language.
Orbit
⭐
764
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
Cosmos
⭐
509
🔭 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
Glaze
⭐
408
CSS-in-JS microlibrary for making design systems approachable with React
Backpack
⭐
394
Backpack Design System
Sancho
⭐
366
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
⭐
362
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
Lab
⭐
349
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 🚀
Prism
⭐
306
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.
Ugnis
⭐
249
Visual CSS generator for React
Learnstorybook Code
⭐
246
Code for Learn Storybook
Figgo
⭐
232
👯♀️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
Bolt
⭐
185
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
Qui
⭐
160
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
⭐
120
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
⭐
96
🍃 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!
Scale
⭐
87
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.
Doric
⭐
74
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.
Flame
⭐
64
Component library for building Lightspeed products
Ivory
⭐
59
A modern CSS framework for developing powerful web interfaces faster and easier.
Matchbox
⭐
58
🔥 A react UI component library
1-100 of 109 projects
Next >
Advertising
📦 10
All Projects
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
Games
📦 129
Graphics
📦 110
Hardware
📦 152
Integrated Development Environments
📦 49
Learning Resources
📦 166
Legal
📦 29
Libraries
📦 129
Lists Of Projects
📦 22
Machine Learning
📦 347
Mapping
📦 64
Marketing
📦 15
Mathematics
📦 55
Media
📦 239
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