Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Design system

A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.

https://github.com/mikaelvesavuori/figmagic

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.

design-specs design-system design-systems design-tokens figma figma-api hacktoberfest tokens ux

Last synced: 10 Apr 2025

https://github.com/xiaomi/hiui

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

component-library design-system design-systems javascript react react-components typescript ui-kit ui-library

Last synced: 10 Apr 2025

https://github.com/designrevision/shards-react

⚛️A beautiful and modern React design system.

bootstrap components design-system react ui uikit

Last synced: 04 Apr 2025

https://github.com/DesignRevision/shards-react

⚛️A beautiful and modern React design system.

bootstrap components design-system react ui uikit

Last synced: 15 Mar 2025

https://github.com/componentdriven/componentdriven.org

Static site and content for Component Driven

component-driven components design-system storybook

Last synced: 10 Apr 2025

https://github.com/XiaoMi/hiui

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

component-library design-system design-systems javascript react react-components typescript ui-kit ui-library

Last synced: 25 Nov 2024

https://github.com/ComponentDriven/componentdriven.org

Static site and content for Component Driven

component-driven components design-system storybook

Last synced: 14 Nov 2024

https://github.com/daangn/seed-design

The Seed Design System

design-system

Last synced: 14 Apr 2025

https://github.com/ux-and-i/storybook-design-token

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.

addon angular css design-pattern design-system design-tokens react sass storybook storybook-addon stylesheets svg vue

Last synced: 14 Apr 2025

https://github.com/wttj/welcome-ui

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, ariakit and a lot of love đź’› Here you'll find all the core components you need to create a delightful webapp.

ariakit customizable design design-system design-systems jungle react styled-components styled-system system typescript typescript-react ui ux welcome xstyled

Last synced: 10 Apr 2025

https://github.com/pivotal-cf/pivotal-ui

Pivotal's design system & component library

component-library design-system pivotal react-components

Last synced: 10 Apr 2025

https://pivotal-cf.github.io/pivotal-ui/

Pivotal's design system & component library

component-library design-system pivotal react-components

Last synced: 11 Nov 2024

https://github.com/WTTJ/welcome-ui

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, styled-components, ariakit and a lot of love đź’› Here you'll find all the core components you need to create a delightful webapp.

ariakit customizable design design-system design-systems jungle react styled-components styled-system system typescript typescript-react ui ux welcome xstyled

Last synced: 12 Nov 2024

https://github.com/conceptadev/mix

A styling system for Flutter

design-system flutter

Last synced: 02 Apr 2025

https://github.com/functional-ui/functional-ui-kit

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

design-system figma front-end front-end-development frontend react react-components storybook ui-components ui-design ui-library uikit ux-design ux-ui

Last synced: 12 Apr 2025

https://github.com/once-ui-system/nextjs-starter

⚡ Design like a pro and build like a madman with Once UI

component-library design-system figma nextjs react token-system typescript

Last synced: 11 Apr 2025

https://github.com/zumerlab/orbit

đź’« Orbit is a general-purpose CSS framework designed for building any kind of radial UI.

composer css css-framework design-system hacktoberfest html radial scss ui ux webcomponents

Last synced: 14 Apr 2025

https://github.com/n6ai/minze

Dead-simple JS framework for native web components.

custom-elements design-system shadow-dom storybook ui vite vitejs web-components web-elements webcomponents

Last synced: 13 Apr 2025

https://github.com/auth0/cosmos

đź”­ Auth0 Design System

design-system styleguide

Last synced: 21 Jan 2025

https://github.com/skyscanner/backpack

Backpack Design System for the Web

backpack component-library design-system nodejs react skyscanner

Last synced: 14 Apr 2025

https://github.com/primer/view_components

ViewComponents for the Primer Design System

design-system primer rails ruby viewcomponent viewcomponents

Last synced: 12 Apr 2025

https://github.com/vaadin/web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

custom-elements design-system design-systems ui-components ui-kit ui-library vaadin web-components webcomponents

Last synced: 09 Apr 2025

https://github.com/Skyscanner/backpack

Backpack Design System for the Web

backpack component-library design-system nodejs react skyscanner

Last synced: 21 Nov 2024

https://github.com/strapi/design-system

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 14 Apr 2025

https://github.com/thesephist/blocks.css

Add some dimension to your page with blocks 🚀

branding css design-system ui-components

Last synced: 06 Apr 2025

https://github.com/appwrite/pink

Pink. Appwrite's official framework agnostic design system 🎨 🩷

appwrite component component-library css design-system design-systems hacktoberfest

Last synced: 07 Apr 2025

https://github.com/twilio-labs/paste

Paste is a design system for designing and building consistent experiences at Twilio.

design-system twilio ui-components ux-patterns

Last synced: 18 Apr 2025

https://github.com/instructure/instructure-ui

A UI Component Library made by Instructure, Inc.

accessibility design-system react typescript

Last synced: 10 Apr 2025

https://github.com/jxnblk/mdx-docs

:memo: Document and develop React components with MDX and Next.js

design-system docs documentation markdown mdx nextjs react theming

Last synced: 17 Jan 2025

https://github.com/codegouvfr/react-dsfr

🇫🇷 The French Government Design system React toolkit

bluehats design-system dsfr react storybook typescript

Last synced: 11 Apr 2025

https://github.com/kripod/glaze

CSS-in-JS microlibrary for making design systems approachable with React

css-in-js design-system react theme treat typescript

Last synced: 12 Apr 2025

https://github.com/bmcmahen/sancho

Responsive and accessible React UI components built with Typescript

design-system javascript react react-components uikit

Last synced: 04 Apr 2025

https://github.com/chromaui/learnstorybook-code

Code for Learn Storybook

design-system learning storybook

Last synced: 13 Apr 2025

https://github.com/mehmetozkaya/design-microservices-architecture-with-patterns-principles

Design Microservices Architecture with Patterns & Principles. Design Microservices Architecture with Design Patterns, Principles and the Best Practices. How to handle millions of request with designing system for high availability, high scalability, low latency, and resilience to network failures on distributed microservices.

architecture-diagram design-patterns design-system microservices microservices-architecture patterns-design software-architecture-and-design software-architecture-patterns system-design

Last synced: 21 Feb 2025

https://github.com/skiff-org/skiff-ui

React components for the Skiff UI Design System

components design-system react react-components typescript

Last synced: 13 Apr 2025

https://github.com/mehmetozkaya/Design-Microservices-Architecture-with-Patterns-Principles

Design Microservices Architecture with Patterns & Principles. Design Microservices Architecture with Design Patterns, Principles and the Best Practices. How to handle millions of request with designing system for high availability, high scalability, low latency, and resilience to network failures on distributed microservices.

architecture-diagram design-patterns design-system microservices microservices-architecture patterns-design software-architecture-and-design software-architecture-patterns system-design

Last synced: 30 Mar 2025

https://github.com/designrevision/shards-dashboard-vue

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

admin admin-dashboard dashboard design design-system modern template uikit ux vue vuejs

Last synced: 06 Apr 2025

https://github.com/DesignRevision/shards-dashboard-vue

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.

admin admin-dashboard dashboard design design-system modern template uikit ux vue vuejs

Last synced: 26 Mar 2025

https://github.com/patternfly/patternfly-elements

PatternFly Elements. A set of community-created web components based on PatternFly design.

design-system hacktoberfest html webcomponents

Last synced: 11 Apr 2025

https://github.com/telekom/telements

Scale is the digital design system for Telekom products and experiences.

design-system monorepo sketch-generation stenciljs stenciljs-components typescript ui-toolkit web-components

Last synced: 31 Jan 2025

https://github.com/telekom/scale

Scale is the digital design system for Telekom products and experiences.

design-system monorepo sketch-generation stenciljs stenciljs-components typescript ui-toolkit web-components

Last synced: 11 Apr 2025

https://telekom.github.io/scale/

Scale is the digital design system for Telekom products and experiences.

design-system monorepo sketch-generation stenciljs stenciljs-components typescript ui-toolkit web-components

Last synced: 03 Apr 2025

https://github.com/thebeguide/ui

Only the good parts

design-patterns design-system

Last synced: 23 Apr 2025

https://github.com/GettEngineering/Prism

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

codegen design design-system design-system-manager design-systems design-tools designops hacktoberfest swift tooling zeplin

Last synced: 29 Nov 2024

https://github.com/vmware-clarity/ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

a11y angular design-system ui-components

Last synced: 19 Nov 2024

https://github.com/ardov/huetone

A tool to create accessible color systems

cielab color contrast design-system design-tokens

Last synced: 28 Mar 2025

https://github.com/CMSgov/design-system

Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites.

a11y civic-tech css design-system dotgov government government-tech guidelines react sass section-508 utility-classes

Last synced: 16 Apr 2025

https://github.com/blueprintui/blueprintui

:blue_book: Accelerate your development with flexible UI components and tools that work everywhere.

components css-framework design-system ui ui-components web-components

Last synced: 14 Apr 2025

https://github.com/mdbootstrap/bootstrap-fluent-design

Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.

bootstrap bootstrap5 css design-system fluent-design html javascript template ui-kit

Last synced: 06 Apr 2025

https://github.com/workday/canvas-kit

Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). See our Component Storybook -

design-system workday

Last synced: 10 Apr 2025

https://github.com/b3nnyl/figgo

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

cli design-system figma ui

Last synced: 06 Apr 2025

https://github.com/B3nnyL/figgo

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

cli design-system figma ui

Last synced: 17 Nov 2024

https://github.com/boltdesignsystem/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.

atomic-design bem custom-elements decoupling design-system drupal drupal-8 itcss lerna lit-html monorepo pattern-lab pattern-library preact skatejs twig web-components webpack

Last synced: 12 Apr 2025

https://github.com/altai-ui/qui-max

A Vue 3.x Neumorphic design system for Web. Written in TypeScript with Composition API 🔥

composition-api design-system neumorphic-ui neumorphism typescript ui ui-components uikit vue vue-components vue3

Last synced: 05 Apr 2025

https://github.com/kor-ui/kor

User Interface Component Library based on LitElement / lit-html

design-system kor lit-element lit-html litelement webcomponents

Last synced: 05 Apr 2025

https://github.com/decathlon/vitamin-compose

Decathlon Design System UI components for Compose applications

components compose decathlon design-system vitamin

Last synced: 05 Apr 2025

https://github.com/contiamo/operational-ui

Building blocks for effective operational interfaces

component-library design-system react-components visualization

Last synced: 04 Apr 2025

https://github.com/ebs-integrator/ebs-design

A React-based UI toolkit for enterprise grade applications

design-system design-systems react reactjs typescript ui-components uikit

Last synced: 24 Nov 2024

https://github.com/intuit/devtools-ds

UI components, libraries, and templates for building robust devtools experiences.

chrome-extension design-system devtools firefox-addon react storybook webextension

Last synced: 11 Apr 2025

https://github.com/GouvernementFR/dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)

css design-system dsfr government html js

Last synced: 04 Dec 2024

https://github.com/gouvernementfr/dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)

css design-system dsfr government html js

Last synced: 13 Apr 2025

https://github.com/siemens/ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.

angular design-system frontend industrial react siemens siemens-ix stenciljs typescript ui ui-components ui-framework web webcomponents

Last synced: 13 Apr 2025

https://github.com/channel-io/bezier-react

React components library that implements Bezier design system.

bezier-react component-library design-system figma figma-plugin icons react react-components storybook typescript

Last synced: 14 Apr 2025

https://github.com/camomeui/camome

Light weight, accessible UI framework for React and CSS

components css design-system react ui

Last synced: 13 Nov 2024

https://github.com/coingaming/moon_flutter

Moon Design System for Flutter

design-system flutter

Last synced: 12 Apr 2025

https://github.com/altai-ui/qui

A Vue.js design-system for Web.

components design-system qui storybook ui vue

Last synced: 09 Apr 2025

https://github.com/gympass/yoga

Yoga design-system: a scientific system of practices made to help each one of us achieve our highest potential and experience.

design-system gympass hacktoberfest react

Last synced: 14 Apr 2025

https://github.com/mongodb/leafygreen-ui

LeafyGreen UI – LeafyGreen's React UI Kit

design-system emotion mongodb react ui-kit

Last synced: 11 Apr 2025

https://github.com/wayfair/rainbow-sprinkles

Dynamic, theme-driven, style props for vanilla-extract.

css css-in-js design-system react styled-system typescript vanilla-extract

Last synced: 14 Apr 2025

https://github.com/kobaltedev/pigment

An open source design system for building SolidJS application.

component-library design-system kobalte solidjs tailwindcss

Last synced: 10 Feb 2025

https://github.com/47ng/chakra-next

Opinionated design system for React, based on Chakra UI + Next.js, written in TypeScript.

chakra-ui design-system nextjs react typescript

Last synced: 07 Apr 2025

https://github.com/coingaming/moon

Moon Design System for Elixir

design-system elixir

Last synced: 12 Apr 2025

https://github.com/flixlix/shadcn-date-picker

Advanced date picker with range selection, year and month selection, and more.

birthdate calendar dashboard date date-picker date-range-picker design design-system shadcn-ui ui ux

Last synced: 05 Apr 2025

https://github.com/aws/aws-northstar

NorthStar is an open source design system with reusable React components for rapidly prototyping intuitive, meaningful and accessible user experience. It simplifies your work and ensures consistent, predictable user experience at scale for your customers. With NorthStar, you can focus on innovation and do more with less.

aws-northstar design-system ui

Last synced: 14 Apr 2025

https://github.com/uswds/uswds-site

The U.S. Web Design System documentation website, a design system for the federal government.

design-system documentation federal-government uswds web-design-and-development

Last synced: 08 Apr 2025

Design system Awesome Lists
awesome-design 428 Awesome-Design-Tokens 229 awesome-design-systems 103 awesome-design-language-system 109 Awesome-CSS-Resources 234 awesome-russian-design-systems 52
Design system Categories
Articles 1,272 Design systems 313 Frameworks / Resources 237 Design tokens 172 Read and Digest 167 Stock 69 Blog post 61 Styleguide and Branding 40 Design system frontend 40 Icon and Logo 37 Color 37 Typography 30 Tools 30 Slides, Videos, Podcasts 27 Pattern library 25 Plugins 24 Conference and Festival 23 Design system 22 UI Design tools 20 Podcast 20