Top 135 design-systems open source projects

Priceline.com Design System

A collection of awesome React-based design systems

The best design tools and plugins for everything 👉

An enterprise-class UI design language and React UI library

A design system and React component library for the web brought to you by CA Technologies.

Full Modular Monolith application with Domain-Driven Design approach.

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

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

An opinionated way of organizing front-end code in Ruby on Rails, based on components

Argon - Dashboard for Bootstrap 4 by Creative Tim

🔥 A curated list of useful resources related to User Interface Design

Design with JSX, powered by your own component library.

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

Convert Storybook into Sketch symbols 💎

Convert Figma designs to HTML, React, Vue, Angular, and more!

A specification for defining theme objects & design tokens for use with UI components

😍 All kinds of resources for Developers 🔱 in one place.

React components that implement Rimble's Design System.

✨ A curated list of awesome design principles

Keep your design team in sync!

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

⚡️ Lightning fast MDX-based dev server for progressive documentation

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

An open-source design system for building scalable, responsive websites and applications.

Salesforce Lightning Design System

ARCHIVED - The gulp wrapper around patternlab-node core, providing tasks to interact with the core library and move supporting frontend assets.

Rapid prototyping environment using the Salesforce Lightning Design System

Curated list of links on component-driven development and design systems

Front-end component library for 24 ways. (2013-2019)

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

A tool to help you build and document website component libraries and design systems.

Modern and minimalist React UI library.

🎨 Everything Design related in OSCA

Making npm work for the front end and the Australian Government Design System.

Generate theme.js from Figma file

A prototype for a foundational design system at Shopify

A library of atomic CSS classes.

For organizing the design systems meetup in NYC.

PIMD – Processing Instructions for Markdown

阿里云前端组件库，由混合云&公有云前端团队共建

Base react styling components using fela with a design system

Visual page builder and web design tool for any website or web app tech stack

Papyrum is a tool that will help you in the creation of your design system, style guide or in the documentation of your project based on react

Pebble Design System

Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.

Caple Design System is an open-source design system built by Cobalt, Inc.

The User Experience and Interface framework by Jadu.

The Mustache-based demo StarterKit for Pattern Lab.

Standards for creating consistent, interoperable user interfaces

Hucssley - a full-featured, consistent, atomic utility class library for rapidly building performant UI

Blazor component library for FluentUI. Microsoft's official lightweight wrapper around the FluentUI Web Components for use with .NET 6.0 Blazor applications

Components, principles, documentation and templates for the City of Helsinki design system.

A tool for managing design decision outputs for different platforms

Library of styles, components and associated assets to build UIs for the web. Part of buildit's Gravity design system.

Quick Sketchapp wireframing tool for UK government digital services

Library of reusable web frontend components for Fyndiq

React component library for building custom design systems

Component reviewer for React Storybook

Playbook Design System

Create your Semantic Style Variables (Universal language for developers and designers).