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.
- GitHub: https://github.com/topics/design-system
- Wikipedia: https://en.wikipedia.org/wiki/Design_system
- Related Topics: css, design-token, style-guide, css-framework, ui, smacss,
- Last updated: 2025-05-09 00:08:01 UTC
- JSON Representation
https://github.com/telefonica/mistica-icons
Mรญstica Design System Icons library
cdco design design-system icons managed mistica org-cdo srv-novum
Last synced: 21 Mar 2025
https://github.com/tobitry/fui-fancyui
๐จ FancyUI (FUI) - the upcoming UI sensation for React & Next.js! It's where creativity meets code, brewing with TypeScript and Styled Components. Join the journey, peek into our Storybook, and gear up to elevate your UI from fancy to fantastic! ๐โจ
atomic-design design-system javascript react react-components react-ui react-ui-components reactjs reactui typescript ui ui-components ui-design ui-library uilibrary
Last synced: 10 Apr 2025
https://github.com/team-b1nd/dds-ios
์ค๋งํธ ์ค์ฟจ ํ๋ซํผ '๋๋ด๋๋ด' SwiftUI ๋์์ธ ์์คํ
design-system ios macos swift swiftui
Last synced: 05 Apr 2025
https://github.com/dizer2/mono-bank.app
This is a app in which you can create your own card ๐ฒ๐ฒ๐ฒ
account card credit-card custom-cursor design-system html5 jquery-plugin localstorage scss-framework ux-ui-design
Last synced: 14 Apr 2025
https://github.com/vuebits/ui
Vuebits UI - Open source Vue 3 components library written in TypeScript and Sass
design-system sass scss ui ui-components ui-design ui-framework ui-kit uikit vue vue-components vue-js vue3 vue3-typescript vuejs
Last synced: 14 Apr 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 security-scan ui-components
Last synced: 12 Feb 2025
https://github.com/matteusan/sentro
A low-level SCSS library for building robust token-driven design systems at scale.
css design design-system design-token design-tokens frontend scss scss-framework theme token tokens
Last synced: 14 Apr 2025
https://github.com/dialpad/dialtone
The main repository for all of Dialpad's design system resources.
css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3
Last synced: 25 Mar 2025
https://github.com/temzasse/figmage
A simple CLI tool that helps you generate design tokens as code from your Figma project.
cli design-system design-tokens figma
Last synced: 13 Apr 2025
https://github.com/gosunet/composebook
A compose multiplatform sample that show how you can share a component library to the web!
android compose compose-android compose-multiplatform compose-web design-system kotlin kotlin-multiplatform wasm
Last synced: 20 Nov 2024
https://github.com/lcfd/grigliata
A styled-components grid system.
design-system hacktoberfest hacktoberfest2021 styled-components typescript
Last synced: 10 Apr 2025
https://github.com/ocean-ds/ocean-tokens
Ocean DS Design Tokens
design-system design-tokens style-dictionary
Last synced: 07 May 2025
https://github.com/upfluence/oss-components
Ember.js implementation of the Upfluence Component Library & Design System.
component-library design-system ember-addon ember-cli emberjs framework ui-components
Last synced: 14 Apr 2025
https://github.com/albert-gao/react-oxygen-ui
Building blocks for React app
design-system reactjs styled-components styled-system typescript ui-components
Last synced: 15 Apr 2025
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: 30 Apr 2025
https://github.com/resir014/stereo
Monorepo for all npm libraries I use personally.
design-system javascript monorepo react react-hooks typescript
Last synced: 11 Feb 2025
https://github.com/dylandepass/rosalind-boilerplate
A Customizable Design System for Franklin Based Websites
aem design-system figma franklin post-css
Last synced: 22 Apr 2025
https://github.com/samuelematias/flutter-design-system
A Flutter Design System ๐จ Example.
dart design design-system design-ui flutter flutter-design-system mobile-development
Last synced: 28 Apr 2025
https://github.com/morewings/koval-ui
React components collection with minimalistic design. Supports theming, layout and input validation.
design-system form input library react reactjs theme validation
Last synced: 22 Apr 2025
https://github.com/puzzle/puzzle-shell
The standard design for Puzzle tools
design-system lit storybook webcomponents
Last synced: 01 May 2025
https://github.com/correia-jpv/fucking-design-resources-for-developers
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more. With repository starsโญ and forks๐ด
css css-framework design design-system design-thinking design-tools ui ui-components ui-design ui-library uikit web-template webdesign webdesigner
Last synced: 27 Apr 2025
https://github.com/sjefvanleeuwen/nl-design-system-blazor
NL Design System for Blazor The NL Design System is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts the system so the components can be used from .NET Core Blazor (Web Assembly is supported).
blazor component-library design-system gebruiker-centraal government nl-design-system wasm web-assembly web-components
Last synced: 08 May 2025
https://github.com/cloudforet-io/design-system-translation
Translation for SpaceONE Design System
design-system frontend translation
Last synced: 29 Mar 2025
https://github.com/jsmorabito/obsidian-design-system-community-file
A community built, component and styles library for Obsidian hosted on Figma.
design-system design-tokens obsidian
Last synced: 04 May 2025
https://github.com/MatteuSan/sentro
A low-level SCSS library for building robust token-driven design systems at scale.
css design design-system design-token design-tokens frontend scss scss-framework theme token tokens
Last synced: 23 Mar 2025
https://github.com/team-aliens/design-system
The FrontEnd Aliens Design System
Last synced: 11 Apr 2025
https://github.com/jferrettiboke/cairo
[WIP] ๐ง๐ง๐ง ๐บ The Design System Framework โ Build consistent, themeable, type-safe, accessible React apps and websites with ease, confidence, and speed.
component-library components css-in-js design-patterns design-system design-tokens design-tools frontend frontend-framework react reactjs styled-system theme-ui
Last synced: 20 Nov 2024
https://github.com/compassion-global-experience/compassion-design-system
Compassion International's Global Design System
design-system react ui ui-components
Last synced: 12 Apr 2025
https://github.com/alexandredev3/nlw-app-clone
Clone da aplicaรงรฃo de inscriรงรฃo da Next Level Week #05
chakra-ui design-system faunadb nextjs nlw react reactjs rocketseat
Last synced: 11 Apr 2025
https://github.com/mordech/mordech-projects
Side projects and things I do in my free time
component-library design-system lit monorepo personal-project portfolio portfolio-website react reactjs storybook
Last synced: 23 Mar 2025
https://github.com/x-govuk/govuk-markdown
Convert Markdown into GOV.UK Frontend-compliant HTML.
design-system govuk markdown marked
Last synced: 23 Apr 2025
https://github.com/0xkalvin/simple-psp
A dead-simple Payment Service Provider API to illustrate how online payments can be processed and how money becomes available to the merchants.
async aws design-system nodejs payment payment-gateway postgres psp terraform
Last synced: 05 Apr 2025
https://github.com/uinix-js/uinix-theme
Fully configurable framework-agnostic theme system (spec, theme, renderer, themed styles/keyframes/CSS variables) for building UIs. Your theme your rules ๐ค.
css design-system spec theme ui ui-system uinix
Last synced: 08 Apr 2025
https://github.com/icona79/sketch-design-token-exporter-file-format
Export Design Tokens from your Sketch document via Terminal from any OS
design-system design-tokens sketch sketch-plugin theme-ui
Last synced: 08 May 2025
https://github.com/cycraft/planetar
A Vue framework for creating a design system styleguide with interactive component explorer ๐ช
api-card component-explorer design-system showcase storybook styleguide styleguidist vue vue-framework vuejs
Last synced: 19 Apr 2025
https://github.com/divriots/starter-furious
Furious - a design system based on FAST Frame
backlight design-system fast webcomponents
Last synced: 05 May 2025
https://github.com/Mercen-Lee/dui-ios
DUI : Dodam-UI / Dodam iOS Design System with SwiftUI
design design-system ios swift swiftui
Last synced: 10 Mar 2025
https://github.com/hazel-ui/hazel-ui
Hazel UI is a flexible React component library that lets you quickly build web elements the way you want. It is built with the goal to allow maximum possible customization and speed of development.
design-system hacktoberfest react react-component-library styled-components styled-system typescript
Last synced: 11 Apr 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: 11 Apr 2025
https://github.com/digitalservicebund/style-dictionary
Angie Design System's design tokens (npm package)
design-system design-tokens tailwind tailwindcss
Last synced: 18 Dec 2024
https://github.com/metonym/svelte-primer
Svelte implementation of the GitHub Primer design system
component-library components design-system github github-primer primer svelte
Last synced: 10 Apr 2025
https://github.com/loreanvictor/nokss
A drop-in stylesheet enough for getting started
Last synced: 15 Feb 2025
https://github.com/codenteq/interfeys
Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.
components design-system frontend javascript typescript uikit web-components
Last synced: 12 Apr 2025
https://github.com/tracktor/design-system
Tracktor Design System
design-system library material-ui react storybook
Last synced: 19 Apr 2025
https://github.com/seppwc/matchacss
Matcha is a minimal CSS design system and framework to try and influence the use of the 'Cascade' in CSS and promote the use of semantic HTML.
classless css design-system framework reset sass
Last synced: 30 Apr 2025
https://github.com/vuelessjs/vueless
Vue Styleless UI Component Library, powered by Tailwind CSS ๐
a11y accessible component-library design-system headlessui nuxt styleless tailwindcss ui-components ui-library vite vue vue-component vue-components vue-datepicker vue-library vue-select vue-table vue3 vuejs
Last synced: 21 Nov 2024
https://github.com/droztech/droz-visu
๐ Biblioteca de componentes e design system criada para os produtos Droz.
design-system droz-visu github-packages jest npm radix-ui react react-testing-library storybook tailwindcss tailwindcss-plugin visu vite
Last synced: 22 Nov 2024
https://github.com/formaat-design/nook
Inspect, test and document your UI components right in the product environment
component-testing components design-system documentation react storybook ui
Last synced: 22 Nov 2024
https://github.com/amirbeek/flight-booking-system
Flight System Project โ๏ธ A Java Swing (JFrame) GUI-based flight system project, developed as my first-year project under the supervision of Zear Ibrahim.
algorithms-and-data-structures design-system java ui-design
Last synced: 14 Apr 2025
https://github.com/owanturist/elm-bulletproof
Make your components Bulletproof
design-system elm storybook ui ui-components
Last synced: 23 Mar 2025
https://github.com/janszewczyk/design-system
Design system supported by tailwindcss library, it allows the creation of applications supporting light and dark themes, shares UI React Components and a color palette in compliance with the Szum-Tech standards.
design-system javascript react react-components semantic-release storybook szum-tech tailwindcss theme tsup typescript
Last synced: 09 Apr 2025
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: 15 Mar 2025
https://github.com/dd3tech/bui-docs
BUI official website :book:
components-library design-system docs documentation nextjs react ui ui-kit website website-builder
Last synced: 22 Apr 2025
https://github.com/kripod/juvo
Balanced design system built around the Harmony color palette
accessibility components design-system react tailwindcss
Last synced: 16 Apr 2025
https://github.com/victorgaard/playground
Playground - Design System Documentation for React โจ
components-react design-system javascript react tailwindcss typescript vite
Last synced: 19 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: 10 Apr 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: 08 Apr 2025
https://github.com/simspace/monorail
๐ Monorail
component-library design-system react typescript
Last synced: 14 Apr 2025
https://github.com/masonitedoors/mdl
Masonite Design Language components
css design-system design-systems framework sass
Last synced: 15 Apr 2025
https://github.com/mlibrary/design-system-docs
Documentation site for the Design System
Last synced: 17 Mar 2025
https://github.com/ksquareincmx/vuh-stencil-components
Implementation of the vuh design system in Stencil.js
design-system javascript scss stencil the-ksquare-group typescript
Last synced: 14 Apr 2025
https://github.com/behzadam/shared
Boilerplate for creating React component libraries, with Rollup.js ,Storybook, Typescript, Tailwind CSS, Shadcn/ui
boilerplate design-system react rollupjs shadcn-ui storybook ui-components ui-kit uikit
Last synced: 05 Apr 2025
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: 09 Apr 2025
https://github.com/wmcadigital/wmn-design-system
A library of typography, visual styles and user interface components which are documented for West Midlands Network.
Last synced: 23 Apr 2025
https://github.com/nclsndr/design-tokens-tools
Tools to parse and manipulate design tokens based on the Design Token Format Module specification.
design-system design-system-manager design-token-format-module design-tokens
Last synced: 01 Apr 2025
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.
Last synced: 14 Apr 2025
https://github.com/nikhil-kumaran/nk-design-system
A react component library by following Atlassian design language(https://www.atlassian.design). NPM - https://www.npmjs.com/package/nk-design-system
design-system hacktoberfest react storybook tailwindcss
Last synced: 24 Apr 2025
https://github.com/carlosazaustre/aroa-ui
UI Components Library for React Projects
component-library design-system hacktoberfest styleguide
Last synced: 21 Nov 2024
https://github.com/waseem-polus/wysteria
We Design so you can create
design design-system npm-package react react-ui ui-components ui-design ui-library
Last synced: 23 Apr 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/leboncoin/spark-tokens
A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
design-system design-tokens design-tools style-dictionary
Last synced: 19 Mar 2025
https://github.com/unstoppabledomains/ui-kit
A set of common Unstoppable Domains components ๐งฉ
components design-system react storybook typescript ui uikit web3
Last synced: 12 Apr 2025
https://github.com/alaskaairlines/wc-generator
Auro's automated web component generator
auro custom-element design-system generator
Last synced: 21 Nov 2024
https://github.com/villedemontreal/hochelaga
bootstrap4 design-system scss styleguide
Last synced: 10 Apr 2025
https://github.com/woozdesign/icons
24x24 icons crafted by the WoozDesign team.
Last synced: 16 Apr 2025
https://github.com/sorenabedi/artist-svelte
An opinionated and clean UI framework for SvelteKit
artist-design-system design-system svelte svelte-components sveltejs sveltekit ui ui-components ui-frameworks
Last synced: 10 Apr 2025
https://github.com/ivstudio/tyger-ui
Themeable React UI component library
component-library components dark-mode design-system frontend-components js-library lerna react react-components react-library styled-components styled-system typescript-library ui ui-library
Last synced: 06 Dec 2024
https://github.com/Bewond/design-system
Bewondโs open-source design system for products and digital experiences.
Last synced: 02 Apr 2025
https://github.com/johackim/johackim.com
My personal digital garden ๐ฑ
design-system digital-garden docker eslint ipfs mdx nextjs obsidian react tailwindcss
Last synced: 24 Apr 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/jacoder7/lighted-web-design
A Design-API inspirited from Microsoft Fluent Design
css css-framework design design-system fluent-design html html5 javascript light listview lwd microsoft-fluent stylesheet web website
Last synced: 10 Apr 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: 08 Apr 2025
https://github.com/sargamdesign/sargam-design-methodology
Design methodology based on the aesthetics of Indian Classical Music.
Last synced: 23 Feb 2025
https://github.com/wildonion/hoopoe
๐๏ธ a mesmerizing engine for handling realtime streaming process in a fully async and concurrent manner with Redis, RMQ and Kafka over WebSocket
actix-web actor-model asynchronous design-system kafka kafka-consumer multithreading onion-architecture postgresql rabbitmq redis salvo seaorm sqlx tokio-rs
Last synced: 11 Apr 2025
https://github.com/guichristovao/poke-themes
An Android project to showcase a multi-brand design system.
android design-system snapshot theme
Last synced: 12 Apr 2025
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: 17 Mar 2025
https://github.com/stevenpersia/a119
Lightweight React Framework UI.
design-system framework lightweight react reactjs
Last synced: 06 Dec 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/growingio/gio-design-tokens
GrowingIO Design Tokens
design-system design-tokens growingio
Last synced: 21 Apr 2025
https://github.com/mfaxyz/unity-advanced-engineering-guide
Unity Software Engineering Guide (Design Patterns, Software Architecture, Algorithms and Data Structure)
architecture design-pattern design-patterns design-system game-development game-engine gamedev software-architecture software-design software-development software-engineer software-engineering software-testing unity unity-editor unity-package unity-scripts unity2d unity3d unity3d-plugin
Last synced: 09 Feb 2025
https://github.com/britzdylan/cabana-ui
Cabana Design System for Tailwind that enables you to start projects faster.
astro cabana cabana-ui components components-and-templates css css-components design-system postcss react-components svelte-components tailwind tailwindcss tailwindcss-plugin ui-design ui-framework uikit ux-design vue-components
Last synced: 05 Feb 2025
https://github.com/fermyon/styleguide
Design styleguide for Fermyon Technologies
css design-system sass styleguide ui
Last synced: 12 Apr 2025
https://github.com/simonwhatley/govuk-sketch-design-kit
A design kit for UK Government digital services
design design-system govuk prototyping sketch-library sketchapp template-library wireframing
Last synced: 19 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: 10 Mar 2025
https://github.com/alaskaairlines/icons
Custom HTML element for inputting string data in forms
Last synced: 21 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: 13 Mar 2025
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: 03 Apr 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: 12 Apr 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
