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/lobehub/lobe-ui

🍭 Lobe UI - an open-source UI component library for building AIGC web apps

aigc antd chatbot design-system dumi lobehub react typescript ui ui-components ui-kit

Last synced: 28 Oct 2024

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

Static site and content for Component Driven

component-driven components design-system storybook

Last synced: 13 Oct 2024

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: 06 Aug 2024

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

Static site and content for Component Driven

component-driven components design-system storybook

Last synced: 03 Aug 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: 13 Oct 2024

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

Pivotal's design system & component library

component-library design-system pivotal react-components

Last synced: 29 Oct 2024

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

Pivotal's design system & component library

component-library design-system pivotal react-components

Last synced: 02 Aug 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: 15 Oct 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: 02 Aug 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: 11 Oct 2024

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: 11 Oct 2024

https://github.com/auth0/cosmos

🔭 Auth0 Design System

design-system styleguide

Last synced: 27 Sep 2024

https://github.com/conceptadev/mix

A styling system for Flutter

design-system flutter

Last synced: 03 Nov 2024

https://github.com/leoafarias/mix

A styling system for Flutter

design-system flutter

Last synced: 04 Aug 2024

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

Add some dimension to your page with blocks 🚀

branding css design-system ui-components

Last synced: 25 Oct 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: 29 Oct 2024

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: 25 Sep 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: 07 Oct 2024

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

A UI Component Library made by Instructure, Inc.

accessibility design-system react typescript

Last synced: 18 Oct 2024

https://github.com/primer/view_components

ViewComponents for the Primer Design System

design-system primer rails ruby viewcomponent viewcomponents

Last synced: 06 Aug 2024

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

Strapi.io's design system :rocket:

design-system styled-components

Last synced: 09 Oct 2024

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: 01 Aug 2024

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: 29 Oct 2024

https://github.com/bmcmahen/sancho

Responsive and accessible React UI components built with Typescript

design-system javascript react react-components uikit

Last synced: 03 Aug 2024

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

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

🇫🇷 Design system React toolkit

design-system dsfr react storybook typescript

Last synced: 13 Oct 2024

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

Code for Learn Storybook

design-system learning storybook

Last synced: 30 Oct 2024

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/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: 11 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: 14 Oct 2024

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/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: 14 Oct 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: 09 Aug 2024

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: 31 Oct 2024

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/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 Oct 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 Aug 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: 11 Oct 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: 04 Aug 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: 01 Nov 2024

https://github.com/Qvant-lab/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: 04 Aug 2024

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: 14 Oct 2024

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

Building blocks for effective operational interfaces

component-library design-system react-components visualization

Last synced: 03 Aug 2024

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: 06 Aug 2024

https://github.com/camomeui/camome

Light weight, accessible UI framework for React and CSS

components css design-system react ui

Last synced: 02 Aug 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: 13 Oct 2024

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

A Vue.js design-system for Web.

components design-system qui storybook ui vue

Last synced: 13 Oct 2024

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

https://github.com/kobaltedev/pigment

An open source design system for building SolidJS application.

component-library design-system kobalte solidjs tailwindcss

Last synced: 06 Aug 2024

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

LeafyGreen UI – LeafyGreen's React UI Kit

design-system emotion mongodb react ui-kit

Last synced: 07 Oct 2024

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: 26 Oct 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 Aug 2024

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: 07 Oct 2024

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: 03 Aug 2024

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: 30 Oct 2024

https://github.com/milesj/aesthetic

🎨 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: 29 Oct 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 Aug 2024

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

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

USWDS website and documentation

design-system documentation government gulp jekyll uswds

Last synced: 31 Oct 2024

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: 14 Oct 2024

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: 25 Oct 2024

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

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

design-system design-tools library move sketch sketch-plugin symbols ui ux

Last synced: 02 Aug 2024

https://github.com/odaridavid/weatherapp

☁️ ❄️ A KMP weather app built with Jetpack Compose , MVI , Unit Testing , Hilt and Location Services, Github Actions, Firebase + Material 3

android androidpermission bitrise compose design-system firebase github-actions hilt ios jetpack kmm kmp kotlin location-services material3-android mvi openweatherapi weather

Last synced: 01 Nov 2024

https://github.com/coingaming/moon

Moon Design System for Elixir

design-system elixir

Last synced: 31 Oct 2024

https://github.com/italia/design-ui-kit

UI Kit Italia è la risorsa del design system .italia per costruire e prototipare siti internet e servizi digitali della Pubblica Amministrazione

design-system figma gov government italia sketch ui-components

Last synced: 11 Oct 2024

https://github.com/nextjs-components/nextjs-components

A collection of React components, transcribed from https://vercel.com/design.

components css-modules design design-system nextjs react typescript

Last synced: 14 Oct 2024

https://github.com/juntossomosmais/atomium

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

custom-elements design-system design-systems design-tokens designsystem ionic nx stenciljs storybook typescript web-components webcomponents

Last synced: 14 Oct 2024

https://github.com/5t3ph/a11y-color-tokens

Generate accessible UI colors from your base color tokens.

a11y accessibility color css design-system design-tokens sass tokens

Last synced: 31 Oct 2024

https://github.com/rescriptbr/ancestor

:skull: UI primitives for ReScript and React

css design-system react reactjs rescript rescript-react ui ui-primitives

Last synced: 31 Oct 2024

https://github.com/terrazzoapp/terrazzo

Use DTCG tokens JSON to generate code for web, mobile, native apps, and more

css design design-system design-systems design-tokens dtcg sass style style-tokens tokens typescript w3c

Last synced: 30 Oct 2024

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: 11 Oct 2024

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

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.

a11y angular clarity design-system javascript react ui-components vue web-components

Last synced: 06 Aug 2024

https://github.com/juntossomosmais/venice

[outdated] Design System of @juntossomosmais

css-modules design-system hacktoberfest lerna monorepo react typescript vue

Last synced: 31 Oct 2024

https://github.com/ebisucom/next-react-website

『作って学ぶ Next.js/React Webサイト構築』のダウンロードデータです。

blog design-system figma microcms netlify nextjs react vercel

Last synced: 11 Oct 2024

Design system Awesome Lists
awesome-design 428 Awesome-Design-Tokens 229 awesome-design-systems 102 awesome-design-language-system 109 Awesome-CSS-Resources 234 awesome-russian-design-systems 52
Design system Categories
Articles 1,497 Frameworks / Resources 236 Design systems 228 Read and Digest 167 Design tokens 124 Stock 70 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Icon and Logo 38 Color 37 Typography 30 Tools 29 Slides, Videos, Podcasts 27 Pattern library 25 Design system 23 Plugins 23 Conference and Festival 23 Podcast 20 Toolkit 20