All Categories â†’ User Interface → design-systems

Top 135 design-systems open source projects

Material Ui
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Oui
Optimizely's Component Library
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Retro Css
A list of retro-inspired CSS frameworks and design systems
Govuk Design System
One place for service teams to find styles, components and patterns for designing government services.
Awesome Design Systems
💅🏻 ⚒ A collection of awesome design systems
Polaris Tokens
Design tokens for Polaris, Shopify’s design system
You Dont Know Ui
Learn how to build universal, modern and scalable user interfaces
Balm Ui
♦️ A modular and customizable UI library based on Material Design and Vue
Figma Theme
Generate development-ready theme JSON files from Figma Styles
Paris
Define and apply styles to Android views programmatically
Evergreen
🌲 Evergreen React UI Framework by Segment
Ui Ux
📝 Curated list for UI/UX Designers
Theo
Theo is a an abstraction for transforming and formatting Design Tokens
Patternlab Edition Node Webpack
The webpack wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.
Vue Cion Design System
CION - Design system boilerplate for Vue.js
Design Systems Repo
A collection of Design System examples, resources, tools, articles and videos.
Pulse Boilerplate
React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua
Puzzle Tokens
Batch create, manage and update Sketch styles and symbols using SCSS/LESS
Udt
UDT spec, reference library and related packages
React Color Tools
A set of tools as React components for working with colors 🎨
Design Systems
A Sketch app plugin that help you find out popular design systems and download official Sketch UI kit.
Neumorphic Ui
📚 A library of components based on the concept of neumorphism
Style Dictionary Demo
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
Ft Origami
The Old Origami Website, do not use
Kit
Tools for developing, documenting, and testing React component libraries
Design System Site
📚 Documentation, rationale and accessibility guidance
Design System Starter
🚀 The Australian Government Design System - Starter
Ant Ux
🎸 A sitemap template for ux design
Design Systems Office Hours Playbook
A playbook for running Design Systems office hours or attending them as a Design System representative. Use this as a template for making your own company Design Systems office hours playbook!
Fugen
Command line tool for exporting resources and generating code from your Figma files
Chromatic
A build system for managing cross-platform design systems using design tokens.
Showkase
🔦 Showkase is an annotation-processor based Android library that helps you organize, discover, search and visualize Jetpack Compose UI elements
Starterkit Mustache Foundation
A Foundation starter kit for Pattern Lab
Diez
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Baseweb
A React Component library implementing the Base design language
Design System Components
🛠 Component code and tests for the Australian Government design system
Uswds
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
Primitives
An open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @modulz.
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
1-60 of 135 design-systems projects