All Categories → User Interface → design-system

Top 207 design-system open source projects

System Design Primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Componentdriven.org
Static site and content for Component Driven
Figgo
👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Learnstorybook.com
Static site and content for Storybook tutorials
Design System
Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.
Knopf.css
Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications
Bolt
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
🎨 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
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 Web Components
Carbon Design System variant on top of Web Components
Qui
A Vue.js design-system for Web.
Vue Styleguidist
Created from react styleguidist for Vue Components with a living style guide
Shine Design
为开发者、设计师和产品经理准备的 UI 设计语言
Canvas Kit
Development kits to implement UI following the Workday Canvas Design System (https://design.workday.com). See our Component Storybook -
Blk Design System React
React version of BLK Design System:
Design Tokens
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
Design System
Hack Club's design system
Fluid System
Fluid System is a style props function transformer for generating fluid styles. 💦
Yoga
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
CION - Design system boilerplate for Vue.js
React Native Design Utility
Utility for building design system in react-native. Idea from TailwindCSS
Aws Northstar
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 Sketchplugin
Overrideit is sketch plugin that allow designers to search in overridelist and overrides dropdowns, and with many other features.
Aksara Ui
Aksara Design System, from Kata.ai.
Barista
Barista - the Dynatrace design system. Tailored to scale.
Devtools Ds
UI components, libraries, and templates for building robust devtools experiences.
Design System
Design system for new Proton project
Leaf Ui
🍃 Leaf-UI: A react component library built using styled-components
Calcite Components
Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!
Scale
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
😸 A fast, friendly, and fun web UI kit for everyone.
Purescript Ocelot
An opinionated component library for Halogen apps
Doric
Protocol oriented, type safe, scalable design system foundation swift framework for iOS.
Awesome Design Language System
list of awesome resources about digital design system.
Flame
Component library for building Lightspeed products
Ivory
A modern CSS framework for developing powerful web interfaces faster and easier.
Vocabulary
A cohesive design system & Vue component library to unify the web-facing Creative Commons
Atomize
Design System for developers build on styled-components & React JS.
Vuedarkmode
👩‍🎨👨‍🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
1-60 of 207 design-system projects