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/sapcc/juno

Monorepo for the Juno microfrontend framework, microfrontend apps, design system and component library

component-library design-system microfrontend-architecture microfrontends reactjs tailwindcss

Last synced: 09 Nov 2024

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/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/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/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/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/null-none/bootstrap5-boilerplate

Bootstrap 5 Boilerplate with webpack

bootstrap bootstrap5 css design-system js

Last synced: 26 Jan 2025

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/stevenpersia/a119

Lightweight React Framework UI.

design-system framework lightweight react reactjs

Last synced: 06 Dec 2024

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/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/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/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/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/alaskaairlines/icons

Custom HTML element for inputting string data in forms

auro design-system icons

Last synced: 21 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/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/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/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/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/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/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/selleo/design-system

Design System

design-system

Last synced: 12 Jan 2025

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/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/fermyon/styleguide

Design styleguide for Fermyon Technologies

css design-system sass styleguide ui

Last synced: 25 Nov 2024

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

Documentation site for the Design System

design-system

Last synced: 23 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/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/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/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/arthurivanov/ds-architect-template

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

component-library design design-system react ts typescript

Last synced: 21 Nov 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/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/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/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/astronomer/spectra

Reusable UI components for Astronomer projects.

components design-system react ui

Last synced: 19 Nov 2024

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

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

design-system documentation docusaurus react typescript

Last synced: 01 Feb 2025

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/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/soolung/dj-simblue

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

design-system emotion react storybook

Last synced: 16 Dec 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/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/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/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/innovaccer/mds-docs

Documentation site for Masala design system.

design-system hacketoberfest2021 hacktoberfest

Last synced: 03 Feb 2025

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/pulumi/facet

A web component library and design system for Pulumi.

components design-system

Last synced: 08 Jan 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/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/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/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/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/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/versumstudios/ui

Versum Studios UI

design-system radix-ui stitches tezos ui

Last synced: 09 Nov 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/alaskaairlines/auro-select

Combo custom element containing pre-defined trigger options with menu in the dropdown panel

auro custom-element design-system generator-v4-3-2

Last synced: 21 Nov 2024

https://github.com/xop/awsm-docs

Design System Documentation Website Slingshot

astro design-system design-tokens headless-components scaffolding ui-components ui-library

Last synced: 07 Jan 2025

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/zepdev/zeppelin-element-library

Element Library as a styleguide solution for Zeppelin

design-system

Last synced: 18 Jan 2025

https://github.com/inthepocket/react-shared-component-library-demo

👨‍🏫Demo showcase of using react-native-web for shared component libs between React & React Native

design-system itp itp-rn-academy react react-native react-native-web react-shared-component-library

Last synced: 16 Nov 2024

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/cds-snc/gcds-tokens

GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).

canada design-system design-tokens government government-canada style-dictionary

Last synced: 12 Nov 2024

https://github.com/besnik/css-design-tutorial

Plain CSS design tutorials including grid, flex, app layouts, design system, vue and more.

css css-layout design-system flex grid html layout tutorial vue

Last synced: 10 Jan 2025

https://github.com/3lvia/designsystem

Designsystem for all Elvia websites and apps https://design.elvia.io/

angular design-system docs react web-components

Last synced: 02 Jan 2025

https://github.com/louffee/canada-design-system

Canada is the Louffee's Design System intended to make beautiful UIs with a lot of UX touches 🧭

accessibility atoms canada components design design-system molecules monorepo react storybook ui ux ux-ui

Last synced: 23 Jan 2025

https://github.com/khaled-alselwady/countdown-timer

⏲️ Countdown Timer is a web app that lets you create, manage, and track multiple customizable timers. Easily start, pause, resume, and delete timers with a user-friendly interface. ⏳

angular cli component css design-system html javascipt model modules standalone-components templates typescript website

Last synced: 16 Jan 2025

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/wildonion/rustacki

A Rusted and Ready to Go Stateful Backend Boilerplace Code with Super Clean Code, Actor based Components and Onion Design Pattern

actix-web actor-model asynchronous-programming design-patterns design-system multithreading rabbitmq rabbitmq-consumer reids rust-lang tokio

Last synced: 07 Nov 2024

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/zjefersound/go-uni-client

Project following best practices and modern front-end concepts. (Declarative UI, Server components, Design System)

declarative-ui design-system next-auth nextjs13 reactjs saas server-components tailwindcss

Last synced: 26 Jan 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/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/metamodern-design/color-system

A configurable HSL color system for use with TailwindCSS

color design-system hsl tailwindcss

Last synced: 23 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,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