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

The core front-end framework for building experiences with the Orion Design System and transition to the Auro Design System.

auro css design-system sass

Last synced: 01 Nov 2024

https://github.com/metonym/svelte-uswds

Svelte component library that implements the U.S. Web Design System (USWDS).

component-library design-system svelte us-web-design-system uswds

Last synced: 13 Oct 2024

https://github.com/wmcadigital/wmn-design-system

A library of typography, visual styles and user interface components which are documented for West Midlands Network.

design-system tfwm

Last synced: 29 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/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/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/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/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/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/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/mlibrary/design-system-docs

Documentation site for the Design System

design-system

Last synced: 23 Jan 2025

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

Lightweight React Framework UI.

design-system framework lightweight react reactjs

Last synced: 06 Dec 2024

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/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/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/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/selleo/design-system

Design System

design-system

Last synced: 12 Jan 2025

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

Custom HTML element for inputting string data in forms

auro design-system icons

Last synced: 21 Nov 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/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/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/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/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/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/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/innovaccer/mds-docs

Documentation site for Masala design system.

design-system hacketoberfest2021 hacktoberfest

Last synced: 03 Feb 2025

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/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/versumstudios/ui

Versum Studios UI

design-system radix-ui stitches tezos ui

Last synced: 09 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/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/pulumi/facet

A web component library and design system for Pulumi.

components design-system

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

ะกั‚ะฐั€ั‚ะพะฒั‹ะน ัˆะฐะฑะปะพะฝ ะดะปั ั€ะฐะทั€ะฐะฑะพั‚ะบะธ ะฑะธะฑะปะธะพั‚ะตะบะธ ะฒั‚ะพั€ะพะณะพ ะฑะปะพะบะฐ ะบัƒั€ัะฐ "ะั€ั…ะธั‚ะตะบั‚ะพั€ ะ”ะธะทะฐะนะฝ ะกะธัั‚ะตะผ"

component-library design design-system react ts typescript

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

Reusable UI components for Astronomer projects.

components 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/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/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/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/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/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/3lvis/pinwheel

A library to build an iOS design system.

design-system ios swift

Last synced: 14 Oct 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/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/dalestudy/dale-ui

๐ŸŽจ ๋””์ž์ธ ์‹œ์Šคํ…œ

bun chromatic design-system eslint figma pandacss prettier react storybook typescript vite vitest

Last synced: 27 Jan 2025

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

์Šค๋งˆํŠธ ์Šค์ฟจ ํ”Œ๋žซํผ '๋„๋‹ด๋„๋‹ด' ๋””์ž์ธ ์‹œ์Šคํ…œ

design-system documentation docusaurus react typescript

Last synced: 01 Feb 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/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/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/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/alaskaairlines/auro-menu

Custom element that provides a list of options for the user to choose from

auro custom-element design-system generator-v4-4-5

Last synced: 21 Nov 2024

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/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/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/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/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/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/ably/ably-ui

Home of the Ably design system library.

components-library design-system rails react viewcomponents

Last synced: 17 Nov 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 Conference and Festival 23 Plugins 23 Design system 23 Podcast 20 Toolkit 20