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-04-26 00:07:16 UTC
- JSON Representation
https://github.com/codelytv/developing_codely_website-course
Developing Codely's website course code examples https://pro.codely.tv/library/maquetando-la-web-de-codely-desde-0-181753
css css-modules css3 design-system html html5 javascript next nextjs react storybook typescript
Last synced: 11 Nov 2024
https://github.com/4-design/for-ui
株式会社スリーシェイクのデザインシステム「For Design System https://for-design-system.pages.dev 」のデザイントークンとコンポーネントライブラリを実装したパッケージ
design-system for-ui fui material-ui mui nextjs react tailwind tailwindcss typescript vite
Last synced: 08 Apr 2025
https://github.com/pixiv/charcoal-android
Design system library by pixiv
android android-view design-system jetpack-compose kotlin ui-library
Last synced: 25 Apr 2025
https://github.com/telus/tds-community
TELUS Design System Community Components
component-library components-library css-modules design-system es2015 openshift-dedicated react security-kpi telus telus-community telus-digital web
Last synced: 26 Feb 2025
https://github.com/robinweser/elodin
The Elodin Styling Language
design design-system language style-dictionary style-guide styling
Last synced: 31 Mar 2025
https://github.com/scania-digital-design-system/sdds
[deprecated] Scanias legacy design system implementation (sdds-)
design-system scania sdds tegel ui ui-components user-experience ux web-components
Last synced: 10 Apr 2025
https://github.com/chanzuckerberg/edu-design-system
Design system for Education Projects
design-system react style-dictionary
Last synced: 09 Apr 2025
https://github.com/chanzuckerberg/sci-components
2021 Science Design System Component Library
Last synced: 06 Apr 2025
https://github.com/openfun/cunningham
🎨 The Open FUN Design System
accessibility atomic-design components-library css design-system design-systems figma frontend html reactjs storybook ui-components
Last synced: 09 Apr 2025
https://github.com/comento/comento-ui
Vue UI components used in Comento
component-library design-system vue vuejs
Last synced: 12 Apr 2025
https://github.com/cube-js/cube-ui-kit
UI Framework for Cube Projects. Based on React Aria.
components design-system react react-aria storybook uikit
Last synced: 13 Nov 2024
https://github.com/daniel-ac-martin/notgovuk
An implementation of the GOV.UK Design System in React that provides support for writing internal applications in addition to public ones.
component-library design-system govuk govuk-design-system govuk-frontend react
Last synced: 18 Dec 2024
https://github.com/db-ui/core
Technical Frontend implementation of the DB UX Design System (Version 2).
a11y accessibility css design-system hacktoberfest html html5 styleguide
Last synced: 07 Apr 2025
https://github.com/price-offer/offer-design-system
Offer Design system
design-system react storybook typescript
Last synced: 19 Dec 2024
https://github.com/us-cbp/cbp-theme
UI Theme for U.S. Customs and Border Protection web applications
cbp cbp-theme design-system ui-theme
Last synced: 23 Apr 2025
https://github.com/US-CBP/cbp-theme
UI Theme for U.S. Customs and Border Protection web applications
cbp cbp-theme design-system ui-theme
Last synced: 25 Nov 2024
https://github.com/maritzstl/chameleon
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System
design-system lit-element lit-html webcomponents
Last synced: 12 Apr 2025
https://github.com/team-b1nd/dui-android
DUI : Dodam-UI / Dodam Android Design System with Jetpack Compose
android compose design design-system jetpack-compose kotlin
Last synced: 05 Apr 2025
https://github.com/ovh/design-system
A collection of assets, guidelines and UI components for building consistent user experiences across OVHcloud products.
design design-system hacktoberfest ods ovhcloud system
Last synced: 15 Apr 2025
https://github.com/0wczar/saasui-illustrations
Free illustrations for your documentation or design system.
design-system documentation free-illustrations illustrations ui-design
Last synced: 28 Feb 2025
https://github.com/zevolution/netflix-hexagonal-architecture
This project was created as a simple example to show how we can implement the hexagonal architecture(software design) proposed by Netflix.
architectural-patterns bff bff-microservice contract-first design-system hexagonal-architecture java java-11 netflix spring spring-boot system-design
Last synced: 10 Apr 2025
https://github.com/MaritzSTL/chameleon
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System
design-system lit-element lit-html webcomponents
Last synced: 03 Apr 2025
https://github.com/naveteam/saturn
Repositório de componentes React baseado no design system da Nave.
design-system react saturn-system styled-component styled-system
Last synced: 18 Nov 2024
https://github.com/massgov/mayflower
Mayflower Mono Repo (react and pattern lab and documentation)
component-library design-system patternlab reactjs scss twig
Last synced: 04 Apr 2025
https://github.com/amarlearning/ride-sharing-low-level-design
Low-level design of Ride-sharing Application Implementation.
class-diagram design design-patterns design-system dry java kiss lld low-level low-level-design object-oriented-programming oop solid-principles yagni
Last synced: 11 Apr 2025
https://github.com/brunos3d/nextjs-nx-module-federation
This is an example project to demonstrate how to use Nx, Next.js and Module Federation together.
design-system example javascript microfrontend module-federation monorepo nextjs nx react template tutorial typescript vercel webpack
Last synced: 23 Apr 2025
https://github.com/croz-ltd/tiller
🔖 Tiller DS is an open-source UI library that provides a range of visual, functional components and patterns that speed up design and development.
design-system react storybook tiller tiller-design-system typescript ui-library
Last synced: 10 Apr 2025
https://github.com/paqtcom/graphite-design-system
Library of components for the Graphite Design System
design-system javascript react typescript vue webcomponents
Last synced: 09 Apr 2025
https://github.com/yoonit-labs/sass-yoonit-style
The SASS Atomic Design System that powers Vue Yoonit Components
atomic-design css design-system hacktoberfest sass sass-framework scss scss-framework
Last synced: 14 Apr 2025
https://github.com/wintercounter/ccss
🔡🔁🎨 CrypticCSS - A companion on the journey to your next CSS-in-JS and/or design system solution.
ccss css design-system emotion mangle minfy react styled-components styled-system
Last synced: 13 Feb 2025
https://github.com/appsmithorg/design-system
This is the repository for the Appsmith design system components
components design-system react react-components reactjs ui-components ui-library
Last synced: 19 Dec 2024
https://github.com/snowball-tech/fractal
The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
design-system design-tokens figma javascript lodash mono-repository react snowball storybook style-dictionary styleguide stylelint testing-library turborepo typescript vercel yarn yarn3
Last synced: 09 Jan 2025
https://github.com/koobiq/angular-components
Koobiq is an open-source Angular design system for designers and developers, focused on designing products related to information security.
angular components components-library design-system
Last synced: 18 Mar 2025
https://github.com/klaufel/figma-tokens
🎨 A light tool for generate Figma design tokens as variables.
css design design-system design-tokens designsystem figma tokens variables-css
Last synced: 11 Nov 2024
https://github.com/cc-archive/vue-vocabulary
A Vue component library implementing a cohesive design system to unite the web facing Creative Commons
creative-commons design-system ui ux
Last synced: 10 Mar 2025
https://github.com/cloudfour/cloudfour.com-patterns
The design system, component library and documentation for cloudfour.com and related projects
css design-system javascript pattern-library storybook twig
Last synced: 10 Feb 2025
https://github.com/telefonica/mistica-design
Mística Design System (only design)
cdco design design-system managed mistica org-cdo srv-novum
Last synced: 19 Dec 2024
https://github.com/consolelabs/mochi-ui
Beautiful and accessible React UI library for building web3 applications
a11y design-system nextjs react tailwindcss turborepo ui-components web3
Last synced: 11 Apr 2025
https://github.com/dd3tech/bui
BUI: Tailwind based React component library to build back-office platforms :rocket:
components design-system javascript library nextjs nextjs-tailwind production-code react react-components react-ui-components tailwindcss typescipt typescript ui-components uikit
Last synced: 27 Jan 2025
https://github.com/grommet/grommet-theme-hpe
Hewlett Packard Enterprise grommet theme
design-system grommet hacktoberfest javascript ux-framework
Last synced: 06 Apr 2025
https://github.com/team-b1nd/form-b1nding
바인드팀 웹 디자인 시스템입니다 ⚒
design-system frontend react react-toastify styled-components
Last synced: 05 Apr 2025
https://github.com/lmc-eu/spirit-design-system
Design system built by Alma Career (former LMC)
components css design-system forms hacktoberfest html javascript library react scss spirit-design-system twig typescript validations
Last synced: 09 Apr 2025
https://github.com/lumapps/design-system
The official LumApps Design System (LumX) for AngularJS and React applications
Last synced: 10 Apr 2025
https://github.com/sohamsshah/sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
component-library design-system react reactjs storybook ui-components ui-library uikit web-components
Last synced: 22 Apr 2025
https://github.com/getgoui/go-ui
Pattern-first, framework-agnostic, a11y focused, adaptive design system
a11y component-library design-system stenciljs typescript webcomponents
Last synced: 18 Dec 2024
https://github.com/officedev/fluent-blocks
A rich component library, still in development, for providing experiences from Microsoft’s Fluent design system
components design-patterns design-system fluent-design microsoft-teams react
Last synced: 11 Apr 2025
https://github.com/carbon-design-system/carbon-platform
The "next" version of the Carbon Design System website, as a platform.
Last synced: 14 Mar 2025
https://github.com/codeandtheory/ymattertype
An opinionated take on Design System Typography for iOS and tvOS.
accessibility design-system dynamic-type figma figma-to-code ios-framework ios-ui readability swift tvos-framework typography typography-font
Last synced: 13 Feb 2025
https://github.com/undp/design-system
UNDP Design System
design-system storybook undp united-nations
Last synced: 02 Dec 2024
https://github.com/btcpayserver/btcpayserver-design
BTCPay Server Design System
btcpayserver design design-system pattern-library uiengine
Last synced: 19 Apr 2025
https://github.com/sysvale/cuida
A design system built by Sysvale, using storybook and Vue components
design-system scss storybook ui-components vite vue vue-components vue2 vue3 vuejs
Last synced: 09 Apr 2025
https://github.com/visual-framework/vf-core
A (primarily CSS) framework that targets needs of life science websites and services
component-library design-system embl pattern-library styleguide visual-framework
Last synced: 06 Apr 2025
https://github.com/revelotech/themexpert
ThemeXpert is a highly customizable theme solution for Flutter apps, designed to make it easy to apply multiple themes in your app and to change your app's visual identity when needed.
dark-mode design design-system flutter themes
Last synced: 02 Apr 2025
https://github.com/shopware/meteor
Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customise every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.
component-library design-system design-tokens figma icons sdk vue
Last synced: 05 Apr 2025
https://github.com/rad-ui/ui
Rad UI is an open-source, headless UI component library for building modern, fast, performant, accessible React applications
component-library design design-system design-systems rad-ui react react-ui react-ui-components reactjs ui ui-com ui-components ui-kit
Last synced: 06 Mar 2025
https://github.com/serendie/serendie
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
ark-ui design-system design-systems panda-css ui-components
Last synced: 19 Apr 2025
https://github.com/workleap/ov-igloo-ui
Officevibe design system
components design-system nextjs react storybook
Last synced: 15 Apr 2025
https://github.com/margaretkrutikova/re-cite
Manage citations from your colleagues , friends, movies, your cat or even yourself.
design-system graphql reason-react reasonml
Last synced: 24 Mar 2025
https://github.com/divriots/simba
Lion-based Design System
backlight design-system lion tailwindcss webcomponents
Last synced: 13 Nov 2024
https://github.com/uidu-org/guidu
Guidu is uidu's design system library
design-system react social-impact typescript
Last synced: 10 Apr 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: 15 Apr 2025
https://github.com/frontify/fondue
Design System of Frontify
components design-system react ui
Last synced: 06 Apr 2025
https://github.com/orfium/orfium-ictinus
This repo will include the building blocks to create the Orfium Parthenons to come ...
design-system ds javascript react react-components storybook typescript
Last synced: 17 Nov 2024
https://github.com/marathontvapp/carnation
Accessible framework for building universal React design systems.
design-system react react-native
Last synced: 15 Feb 2025
https://github.com/zero-one-group/zog-ui
This repository contains monorepo for React and Flutter UI library. (WIP - Alpha Release)
design-system nextjs radix-ui react reactjs stitches ui-components
Last synced: 11 Feb 2025
https://github.com/gsoft-inc/ov-igloo-ui
Officevibe design system
components design-system nextjs react storybook
Last synced: 16 Feb 2025
https://github.com/pknu-wap/wap-ui
WAP 리액트 디자인 시스템
components-library design-system emotion framer-motion monorepo react react-components reactjs ui-library wap
Last synced: 28 Mar 2025
https://github.com/seed-blocks/recastui
Recastui - Simple, Accessible & Whitelabel UI Components & Design System for your Applications ⚡
astro automatic-dark-mode component-library design-system react react-component-library solidjs svelte tailwindcss theming ui-components white-label whitelabel
Last synced: 30 Mar 2025
https://github.com/uinix-js/uinix-ui
A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.
components-library css design-system hyperscript preactjs reactjs theme ui ui-system uinix vuejs
Last synced: 12 Apr 2025
https://github.com/retailmenot/anchor
A design system library from RetailMeNot.
component-library design-system react ui ui-components
Last synced: 20 Nov 2024
https://github.com/tanvesh01/notion-components
A React Component Library for the minimalists. Build your web app with a design system already in place. Highly inspired by Notion - The all-in-one workplace.
component-library design-system npm-package reactjs
Last synced: 10 Apr 2025
https://github.com/italia/design-comuni-plone-theme
Tema Plone per i siti dei comuni italiani
agid comuni design-system italia plone plone5x plone6 theme
Last synced: 22 Apr 2025
https://github.com/momentum-design/momentum-react-v2
Momentum React Library for Webex Collaboration
design-system react reactjs storybook
Last synced: 04 Apr 2025
https://github.com/pangolinjs/core
The Pangolin.js core that drives everything.
design-system frontend pangolinjs pattern-library styleguide
Last synced: 08 Feb 2025
https://github.com/jwplayer/jw-design-library
A library of product design patterns comprised of code, usage and guidelines.
design-patterns design-system interface-design product-design
Last synced: 06 Apr 2025
https://github.com/wmde/wikit
✨ The Wikibase Design System and home of WMDE-supported component implementations.
design-system style wikibase wikidata
Last synced: 14 Apr 2025
https://github.com/thelittlewonder/system.colors
Figma plugin to import color palettes from popular design systems directly to your file.
colors design-system figma figma-plugin figma-plugins
Last synced: 17 Nov 2024
https://github.com/accera-tech/solar-components
Web Components Implementation of Solar Design System
design-system stencil stenciljs ui webcomponents
Last synced: 14 Jan 2025
https://github.com/alaskaairlines/aurodesigntokens
Abstract UI atomic values to support the Auro Design System.
auro design-system design-tokens
Last synced: 10 Apr 2025
https://github.com/puppetlabs/design-system
A resource for creating user interfaces based on brand, UX, and dev principles
design-system hacktoberfest puppet react-components
Last synced: 10 Feb 2025
https://github.com/turtlemint/mint-ui
Design System | React UI components for web
design-system gitpod modern react react-components react-hooks reactjs turtlemint turtlemint-ui typescript-library ui ui-components ui-design ui-library
Last synced: 31 Mar 2025
https://github.com/psharanda/nativebook
A toolkit for Implementing, maintaining, documenting and evolving a shared set of UI components for iOS inspired by Storybook.js
design-system ios snapshot-testing swiftui-previews ui-components uikit uiview
Last synced: 12 Apr 2025
https://github.com/fintechsoftware/finpro
FinPro prioritizes user experience with its user-friendly interfaces. It includes components specifically designed for financial applications such as investment, banking, financial analysis, and cryptocurrency, which speeds up your design process and helps you achieve excellent results.
design-system frontend javascript typescript ui ui-kit web-components
Last synced: 22 Apr 2025
https://github.com/datacamp/waffles
Waffles is the DataCamp design system.
design-system react typescript ui-components
Last synced: 13 Apr 2025
https://github.com/redhat-ux/red-hat-design-tokens
Red Hat design tokens
design-system design-tokens redhat
Last synced: 14 Apr 2025
https://github.com/mat-sz/platinum.css
🖥️ Pixel perfect recreation of MacOS 9's Platinum UI. (Work in progress)
css css3 design-system macos pixel-perfect retro ui
Last synced: 10 Apr 2025
https://github.com/tap30/web-components
A monorepo for the core libraries of our Design System.
design-system lit web-components
Last synced: 15 Apr 2025
https://github.com/dipsaus9/design-system-monorepo
Monorepo for Design systems
design-system react storybook typescript
Last synced: 17 Jan 2025
https://github.com/embyth/scss-design-system
Simple Design System template built on SCSS
css design-system sass scss template
Last synced: 22 Apr 2025
https://github.com/icij/murmur
ICIJ's Design System for Bootstrap 4 and Vue 2.
bootstrap component design-system icij ui vue
Last synced: 24 Apr 2025
https://github.com/nice-digital/nice-design-system
:star2: Your source for creating beautiful, consistent experiences across NICE :star2:
Last synced: 09 Apr 2025
https://github.com/automattic/vip-design-system
Design system components used throughout WordPress VIP
design-system react wordpress-vip
Last synced: 04 Feb 2025
https://github.com/dalestudy/daleui
🎨 디자인 시스템
bun chromatic design-system eslint figma pandacss prettier radix-ui react storybook typescript vite vitest
Last synced: 15 Apr 2025
https://github.com/medelman17/astly
Translate/write markup language--e.g., html, css, and markdown--into react components that render appropriately and predictably across host environments--e.g., web and native.
design-system react react-native styled-components styled-system syntax-trees unifiedjs
Last synced: 03 Mar 2025
https://github.com/denali-design/denali-site
Documentation and design principles for Denali UI components, icon library, and corresponding CSS framework.
denali design-principles design-system documentation
Last synced: 01 Jan 2025
https://github.com/1024pix/pix-ui
Pix-UI is the implementation of Pix design principles and guidelines for its products.
design-system hacktoberfest pix
Last synced: 10 Feb 2025