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/unstoppabledomains/ui-kit

A set of common Unstoppable Domains components 🧩

components design-system react storybook typescript ui uikit web3

Last synced: 15 Nov 2024

https://github.com/alaskaairlines/auro-button

HTML custom element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality

auro custom-element design-system

Last synced: 22 Jan 2025

https://github.com/emolr/wc-library-starter

A starter template for creating a webcomponent library using typescript, inspired by google material design webcomponents and open-wc

design-system designsystem library styleguide typescript webcomponents

Last synced: 21 Nov 2024

https://github.com/w0ofy/real-system

A react component system that is easily extendable and ready-to-theme.

component-library design-system emotionjs react real-system styled-system

Last synced: 04 Nov 2024

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

Bewond’s open-source design system for products and digital experiences.

design design-system

Last synced: 03 Nov 2024

https://github.com/alaskaairlines/icons

Custom HTML element for inputting string data in forms

auro design-system icons

Last synced: 21 Nov 2024

https://github.com/samuelematias/chicken_box_time

Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬

bloc dart design-system flutter flutter-bloc movie-app style-dictionary

Last synced: 11 Nov 2024

https://github.com/gravitydepartment/design-docs

Document your design system and pattern library using Markdown and PHP.

design-system documentation markdown pattern-library php

Last synced: 06 Jan 2025

https://github.com/melishev/wuki

🧸 Wuki is a UI Kit developed for React.js that brings together the best practices of the most popular UI libraries such as Carbon, Ant Design, MUI, Bootstrap, Element and many others.

antd apple bootstrap carbon-design-system design-system element-ui figma mui react storybook ui uikit

Last synced: 22 Jan 2025

https://github.com/mlibrary/design-system-docs

Documentation site for the Design System

design-system

Last synced: 23 Jan 2025

https://github.com/stevenpersia/a119

Lightweight React Framework UI.

design-system framework lightweight react reactjs

Last synced: 06 Dec 2024

https://github.com/scmmishra/joy

A high quality design system built with Vue and Tailwind

design-system lucide tailwindcss vue vue3

Last synced: 26 Dec 2024

https://github.com/rririanto/react-ui-design-system

My collection of awesome React UI libraries & Based Design Systems

design design-system reactjs reactjs-components ui ui-components ux-design

Last synced: 07 Nov 2024

https://github.com/guichristovao/poke-themes

An Android project to showcase a multi-brand design system.

android design-system snapshot theme

Last synced: 07 Nov 2024

https://github.com/sargamdesign/sargam-design-methodology

Design methodology based on the aesthetics of Indian Classical Music.

design-system methodology

Last synced: 04 Jan 2025

https://github.com/jdizm/vue-storybook-library

UI library built with storybook for Vue/Nuxt

css design-system scss storybook ui-library vue vue2

Last synced: 14 Oct 2024

https://github.com/markteekman/base-css

Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.

css css-framework design-system flexbox flexbox-grid gulp gulp-tasks html html-template patterns responsive scss scss-framework scss-template

Last synced: 27 Oct 2024

https://github.com/codeandtheory/ycomponentbrowser

Easily extend any project to include an intelligent design component browser.

design-system ios-framework ios-ui swift

Last synced: 18 Nov 2024

https://github.com/vertocode/vuetage

Vuetage is a library of custom Vue components designed to simplify and enhance your web development experience.

bun component component-library design-system eslint font-awesome pre-commit sass scss shell storybook storybook-testing testing-library typescript vite vitest vue

Last synced: 20 Dec 2024

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

Design System

design-system

Last synced: 12 Jan 2025

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

A library of essential web components (lit-based), serving as a foundation for web apps or design systems. Mostly headless. Works with any frameworks.

custom-element design-system dialog embla-carousel floating-ui lit ui-library web-components

Last synced: 06 Nov 2024

https://github.com/gravitee-io/gravitee-ui-particles

🪐 Set of UI components and UX rules used in Gravitee.io's consoles.

angular design-system gravitee graviteeio hacktoberfest ui-components

Last synced: 11 Oct 2024

https://github.com/fermyon/styleguide

Design styleguide for Fermyon Technologies

css design-system sass styleguide ui

Last synced: 25 Nov 2024

https://github.com/wildonion/hoopoe

🕊️ a mesmerizing example engine of handling realtime streaming process in an async and concurrent manner with Redis, RMQ, Kafka and WebSocket

actix-web actor-model asynchronous design-system multithreading onion-architecture postgresql rabbitmq redis seaorm sqlx tokio-rs

Last synced: 07 Nov 2024

https://github.com/null-none/bootstrap5-boilerplate

Bootstrap 5 Boilerplate with webpack

bootstrap bootstrap5 css design-system js

Last synced: 26 Jan 2025

https://github.com/alaskaairlines/auro-combobox

An auroLabs custom element w/an experimental API. You've been warned.

auro-labs custom-element design-system wcgen-v3-16-0

Last synced: 21 Nov 2024

https://github.com/rohanmathur91/css-component-library

Polaroid a CSS component library for faster development. It follows utility-first approach for styling components.

component-library css3 design-system html javascript

Last synced: 12 Oct 2024

https://github.com/cc-archive/fonts

A collection of typefaces for the web facing Creative Commons

creative-commons design-system ui ux

Last synced: 23 Oct 2024

https://github.com/lmc-eu/jobs-design-system

Open-source parts of Jobs Design System developed by LMC

design-system design-tokens icons jobs-cz

Last synced: 19 Jan 2025

https://github.com/kickstartds/ds-starter

The kickstartDS Starter is your most efficient way of kickstarting a Design System. It creates a ready-to-use Design System, only waiting for you to put your stamp on it!

design-system design-token design-tokens designsystem designtokens kickstartds react starter-kit storybook

Last synced: 21 Nov 2024

https://github.com/itsjonq/platform

📦 Platform: A native-like React component library

component-library components design-system react reactjs reakit

Last synced: 14 Nov 2024

https://github.com/hamzaamar/pillar-ui

Pillar is a modern design system built with React, with the goal of providing a comprehensive set of reusable UI components that are fully accessible and adhere to best practices in modern web development.

accessibility design-system frontend hooks-library icons-library pillar-ui react react-library theming typescript ui ui-components ui-kit utils-library web-development

Last synced: 08 Nov 2024

https://github.com/alaskaairlines/auro-flight

HTML custom element that supports Alaska's flight result experience

auro custom-element design-system generator-v3-16-0

Last synced: 21 Nov 2024

https://github.com/pulumi/facet

A web component library and design system for Pulumi.

components design-system

Last synced: 08 Jan 2025

https://github.com/rodrigokamada/react-mui

Application example built with React 18 and adding the Material UI CSS framework using the @mui/material library.

beginners css design-system devcommunity ghactions ghpages github-actions github-pages hacktoberfest material-ui react stackblitz tutorial

Last synced: 19 Nov 2024

https://github.com/yveskalume/open-material

Experimenting with a way to customize Jetpack Compose Material Design components without copying them or their internal APIs.

design-system jetpack-compose material-design

Last synced: 18 Dec 2024

https://github.com/sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

design-system design-tokens javascript lyne lyne-design-tokens style-dictionary web-components

Last synced: 22 Nov 2024

https://github.com/501A-gh/tsuika

Tsuika : A classless CSS framework powered with web components to enhance the UI / UX of your next project.

design design-system style styled-components webcomponents

Last synced: 14 Nov 2024

https://github.com/arthurivanov/ds-architect-template

Стартовый шаблон для разработки библиотеки второго блока курса "Архитектор Дизайн Систем"

component-library design design-system react ts typescript

Last synced: 21 Nov 2024

https://github.com/blackboxvision/ui-components

This library contains the UI components that we use on our sites. These components use Material UI and are responsive to both desktop and mobile.

design-system react ui

Last synced: 19 Nov 2024

https://github.com/3lvis/pinwheel

A library to build an iOS design system.

design-system ios swift

Last synced: 14 Oct 2024

https://github.com/cwlsn/axiomatic

A React based Design System using TypeScript, powered by styled-system and styled-components.

design-system react styled-components styled-system typescript

Last synced: 01 Feb 2025

https://github.com/schalkventer/coloringbook

📙 An opinionated, batteries-included implementation of Storybook for use in React projects.

atomic-design design-system react starter-template storybook

Last synced: 16 Nov 2024

https://github.com/versumstudios/ui

Versum Studios UI

design-system radix-ui stitches tezos ui

Last synced: 09 Nov 2024

https://github.com/astronomer/spectra

Reusable UI components for Astronomer projects.

components design-system react ui

Last synced: 19 Nov 2024

https://github.com/alaskaairlines/auro-dropdown

A custom element that is a trigger and dropdown element combination intended to be used with dropdown content that is interactive.

auro custom-element design-system generator-v3-14-0

Last synced: 21 Nov 2024

https://github.com/kripod/juvo

Balanced design system built around the Harmony color palette

accessibility components design-system react tailwindcss

Last synced: 12 Dec 2024

https://github.com/x-govuk/govuk-prototype-components

Use common components that are not yet part of the GOV.UK Design System.

components design-system govuk project prototyping

Last synced: 08 Nov 2024

https://github.com/soolung/dj-simblue

Yo! 디제이 심청이! (심청이 디자인 시스템입니다.)

design-system emotion react storybook

Last synced: 16 Dec 2024

https://github.com/christopherbiscardi/sens8

Sens8 is my personal design system and exemplifying area for experimental designops workflows.

design-system emotion react

Last synced: 08 Dec 2024

https://github.com/divriots/starter-origami

A react-native-paper based design system as a starter kit for Backlight

backlight design-system material-design react-native react-native-paper

Last synced: 13 Nov 2024

https://github.com/alaskaairlines/auro-datepicker

Custom element that allows users to select a date, either with text input or by displaying a calendar.

auro custom-element design-system generator-v3-16-0

Last synced: 21 Nov 2024

https://github.com/digitalinteraction/alembic

⚗️ Design toolkit for research projects

design-system eleventy github-pages openlab-alembic

Last synced: 17 Dec 2024

https://github.com/neoncitylights/sylon

A personal design system of web components (work-in-progress)

components design-system react sylon

Last synced: 13 Nov 2024

https://github.com/simonwhatley/govuk-visual-studio-code-extension

This extension for Visual Studio Code includes snippets to help build UK Government digital services.

design design-system extension govuk nunjucks snippets visual-studio-code vscode vscode-extension

Last synced: 19 Nov 2024

https://github.com/arthurivanov/atlantum

atlantum is flexible and easy to use design system based on React, Typescript and Styled Components

a11y design-system design-systems figma figmadesign ui-components ui-design ui-library

Last synced: 11 Oct 2024

https://github.com/metsanpeitto/react-redux_une-felt_e-commerce

E-commerce and blog created to promote and share the creations of the Taiwanese artist Ponpon.

css design-system expressjs figma html5 nodejs react redux stripe ui-design woocommerce wordpress

Last synced: 02 Feb 2025

https://github.com/team-b1nd/dds

스마트 스쿨 플랫폼 '도담도담' 디자인 시스템

design-system documentation docusaurus react typescript

Last synced: 01 Feb 2025

https://github.com/saas-js/taillight-ui

A modern, type-safe and cross framework UI library.

design-system pandacss react solidjs svelte ui ui-components vue

Last synced: 03 Feb 2025

https://github.com/innovaccer/mds-docs

Documentation site for Masala design system.

design-system hacketoberfest2021 hacktoberfest

Last synced: 03 Feb 2025

https://github.com/uinix-js/uinix-site

Website for uinix-js

css design-system theme ui ui-system uinix

Last synced: 25 Dec 2024

https://github.com/bcrikko/0bytes.css

0bytes.css is a lightweight and supports all browsers. You don't have to write CSS anymore.

css css-framework design-system

Last synced: 28 Oct 2024

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

https://github.com/saas-js/saas-ui-illustrations

Open Source Illustrations for Design Systems and Docs

component-library design-system designsystem storybooks ui-components ui-docs

Last synced: 26 Jan 2025

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

Uma interface de autenticação integrada com um design system no Storybook.

authentication design-system figma ignite-2021 radix-ui storybook tailwindcss vite

Last synced: 13 Jan 2025

https://github.com/melhosseiny/aurora

Web component design system

design-system web-components

Last synced: 22 Nov 2024

https://github.com/jamespatrickgibson/union

A design system boilerplate for Svelte & CSS

css-custom-properties design-system svelte-components sveltejs

Last synced: 14 Oct 2024

https://github.com/simonwhatley/govuk-design-system-snippets-atom-package

This Atom package includes snippets to help build UK Government digital services.

atom atom-package design design-system govuk nunjucks package snippets

Last synced: 19 Nov 2024

https://github.com/daveanthonyc/dc-design-system

This is my own design system that is available for building out websites that have the same UI/UX feel of contemporary "awwward" winning websites. I will also document my research and methodology regarding this.

component-library cssinjs design-system frontend open-source react storybook typescript

Last synced: 13 Jan 2025

https://github.com/jdizm/react-storybook-library

A starter repo for a Storybook library with TS, Vite & React

design-system react storybook ui-library vite

Last synced: 02 Feb 2025

https://github.com/tap30/icons

Tapsi Design System Icons

design-system icon icons iconse lit

Last synced: 11 Dec 2024

https://github.com/daguttt/ecoactualizate

Sitio web informativo. Diseñado con Figma. Desarrollado con HTML, CSS y Vanilla JavaScript

css design-system figma flexbox html js scripts

Last synced: 17 Dec 2024

https://github.com/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 Dec 2024

https://github.com/sirajcode/studio

💻 A UI design system to make truly re-useable with React JS styled-components

design-system react reactjs styled-components

Last synced: 15 Jan 2025

https://github.com/cds-snc/gcds-utility

GC Design System Utility is a utility framework for GC Design System. | L'utilitaire de Système de design GC est un cadre utilitaire pour ce système.

canada design-system government government-canada utility-framework

Last synced: 11 Jan 2025

https://github.com/keosariel/gabby-ui

gabby-ui is an experimental neubrutalist design system :construction:

design-system neubrutalism react storybook typescript ui

Last synced: 01 Feb 2025

https://github.com/nypublicradio/nypr-design-system-vue

The repo for Radial, NYPR's Design System! Codeowner: @kimlarocca

design design-system design-systems storybook vue vuejs

Last synced: 25 Dec 2024

https://github.com/ec-europa/ecl-webcomponents

ECL webcomponents is a new implementation of ECL vanilla components

design-system ecl stenciljs webcomponents

Last synced: 11 Nov 2024

https://github.com/wealthbar/peak-style

Base style for the Peak Design System - includes only basic elemental styling and themes, no layout or structure patterns

design-system

Last synced: 17 Jan 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,227 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 Toolkit 20 Podcast 20