Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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/ComponentDriven/componentdriven.org

Static site and content for Component Driven

component-driven components design-system storybook

Last synced: 14 Nov 2024

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: 31 Jan 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/pivotal-cf/pivotal-ui

Pivotal's design system & component library

component-library design-system pivotal react-components

Last synced: 29 Jan 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: 30 Jan 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: 12 Nov 2024

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: 31 Jan 2025

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

The Seed Design System

design-system

Last synced: 02 Feb 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: 31 Jan 2025

https://github.com/auth0/cosmos

🔭 Auth0 Design System

design-system styleguide

Last synced: 21 Jan 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: 03 Feb 2025

https://github.com/skyscanner/backpack

Backpack Design System for the Web

backpack component-library design-system nodejs react skyscanner

Last synced: 01 Feb 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/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: 28 Jan 2025

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

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 01 Feb 2025

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

Add some dimension to your page with blocks 🚀

branding css design-system ui-components

Last synced: 31 Jan 2025

https://github.com/primer/view_components

ViewComponents for the Primer Design System

design-system primer rails ruby viewcomponent viewcomponents

Last synced: 31 Jan 2025

https://github.com/conceptadev/mix

A styling system for Flutter

design-system flutter

Last synced: 03 Nov 2024

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: 01 Feb 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/instructure/instructure-ui

A UI Component Library made by Instructure, Inc.

accessibility design-system react typescript

Last synced: 29 Jan 2025

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

🇫🇷 The French Government Design system React toolkit

bluehats design-system dsfr react storybook typescript

Last synced: 30 Jan 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: 09 Nov 2024

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: 30 Jan 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: 30 Jan 2025

https://github.com/bmcmahen/sancho

Responsive and accessible React UI components built with Typescript

design-system javascript react react-components uikit

Last synced: 29 Jan 2025

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

Code for Learn Storybook

design-system learning storybook

Last synced: 31 Jan 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: 02 Jan 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: 01 Nov 2024

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

React components for the Skiff UI Design System

components design-system react react-components typescript

Last synced: 01 Feb 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: 29 Jan 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: 29 Oct 2024

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: 30 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: 30 Jan 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://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: 04 Nov 2024

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/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: 31 Jan 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: 29 Jan 2025

https://github.com/ardov/huetone

A tool to create accessible color systems

cielab color contrast design-system design-tokens

Last synced: 31 Oct 2024

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: 08 Nov 2024

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: 03 Feb 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/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: 29 Jan 2025

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: 29 Jan 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: 03 Feb 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: 01 Feb 2025

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

Decathlon Design System UI components for Compose applications

components compose decathlon design-system vitamin

Last synced: 03 Feb 2025

https://github.com/mui/base-ui

Base UI is an open-source library of accessible, unstyled UI components for React.

accessibility design-system react react-components wai-aria

Last synced: 30 Jan 2025

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

Building blocks for effective operational interfaces

component-library design-system react-components visualization

Last synced: 29 Jan 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: 30 Jan 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: 30 Jan 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/altai-ui/qui

A Vue.js design-system for Web.

components design-system qui storybook ui vue

Last synced: 02 Feb 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: 31 Jan 2025

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

LeafyGreen UI – LeafyGreen's React UI Kit

design-system emotion mongodb react ui-kit

Last synced: 30 Jan 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: 01 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: 28 Jan 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: 01 Feb 2025

https://github.com/coingaming/moon_flutter

Moon Design System for Flutter

design-system flutter

Last synced: 01 Feb 2025

https://github.com/kobaltedev/pigment

An open source design system for building SolidJS application.

component-library design-system kobalte solidjs tailwindcss

Last synced: 03 Jan 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: 31 Jan 2025

https://github.com/coingaming/moon

Moon Design System for Elixir

design-system elixir

Last synced: 01 Feb 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: 01 Feb 2025

https://github.com/aesthetic-suite/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!

android atomic-css css css-in-js design-system ios low-runtime react web

Last synced: 28 Jan 2025

https://github.com/dohomi/tamagui-kitchen-sink

Home of tamagui-extras, a component library which extends Tamagui with additional features..

design-system expo react-hook-form react-native react-native-web react-navigation solito tamagui

Last synced: 01 Feb 2025

https://github.com/ayroui/bootstrap-ui-components

Bootstrap UI Components - Free Core Version of Ayro UI, A Bootstrap HTML UI Library, with Beautiful & Essential UI Components and Minimal Design System.

bootstrap bootstrap5 component-library components css design design-system free html minimal scss sections ui ui-components ui-kit ui-library

Last synced: 19 Dec 2024

https://github.com/frameable/knopf.css

Modern, modular, extensible button system designed for both rapid prototyping and production-ready applications

css css-framework design-system knopf ui-component utility-classes

Last synced: 03 Jan 2025

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

USWDS website and documentation

design-system documentation government gulp jekyll uswds

Last synced: 02 Feb 2025

https://github.com/kata-ai/aksara-ui

Aksara Design System, from Kata.ai.

aksara-ui component-library design-system react typescript ui-kit

Last synced: 02 Feb 2025

https://github.com/orange-opensource/orange-boosted-bootstrap

Orange Boosted is an accessible, ergonomic and Orange branded framework based on Bootstrap

bootstrap css css-framework design-system html javascript sass scss

Last synced: 31 Jan 2025

https://github.com/react-shop/react-ecommerce

E-commerce monorepo application using NextJs, React, React-native, Design-System and Graphql with Typescript

design-system ecommerce enzyme graphql hacktoberfest hooks jest lerna monorepo nestjs nextjs provider react react-native redux shop shopping-cart storybook tests typescript

Last synced: 30 Oct 2024

https://github.com/epam/UUI

React-based components and accelerators library built by EPAM Systems.

design-system react typescript ui-components ui-kit ui-library uikit

Last synced: 30 Oct 2024

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,243 Design systems 275 Frameworks / Resources 237 Read and Digest 167 Design tokens 146 Stock 69 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Color 37 Icon and Logo 37 Tools 30 Typography 30 Slides, Videos, Podcasts 27 Pattern library 24 Design system 23 Plugins 23 Conference and Festival 23 Podcast 20 Toolkit 20