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-02 00:07:12 UTC
- JSON Representation
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/AlaskaAirlines/AuroDesignTokens
Abstract UI atomic values to support the Auro Design System.
auro design-system design-tokens
Last synced: 05 Feb 2025
https://github.com/rolemodel/optics
Optics, a RoleModel Design System is a CSS package that provides base styles and components that can be integrated and customized in a variety of projects.
css design design-system design-systems optics storybook
Last synced: 12 Apr 2025
https://github.com/xcorejs/ui
π Think Component!
design-system react reactjs styled-components styled-system ui ui-library uikit xcore xcore-ui
Last synced: 10 Apr 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/RedTurtle/design-volto-theme
Volto Theme for Italia design guidelines
agid cms design-system hacktoberfest italia plone theme volto
Last synced: 04 Apr 2025
https://github.com/icona79/sketch-design-tokens-exporter
Export Design Tokens from your Sketch document via plugin
design-system design-tokens sketch sketch-plugin theme-ui
Last synced: 30 Nov 2024
https://github.com/fdhhhdjd/class_nodejs_systems
π NodeJs, PG4, IoRedis....
design-system firebase knexjs learning nodejs postgresql redis
Last synced: 19 Nov 2024
https://github.com/tjhillard/steller-css
β°οΈ A utility-first CSS framework that serves as the foundation of your design system
atomic-css css-framework design-system functional-css utility-classes
Last synced: 14 Nov 2024
https://github.com/ooni/design-system
OONI Components design system
design-system ooni react react-components ux
Last synced: 13 Apr 2025
https://github.com/vinyl-davyl/vinyl-component-blocks
π§± Reusable, Modular and Styled UI Component Library. Stop repeating work, install, call, use and modify.
accessibility authorization component-library components components-library design design-system library typescript ui ui-components ui-library
Last synced: 23 Apr 2025
https://github.com/magnetis/astro-galaxy
Magnetis Design System
astro astro-galaxy design-system react styled-components styled-system supports-react
Last synced: 14 Mar 2025
https://github.com/freshworks/nucleus
Nucleus - The Freshworks Design System in Ember
component-library design-system ember-addon emberjs front-end nucleus
Last synced: 12 Apr 2025
https://github.com/renli-tech/beyond
A Design System by Renli
design-system javascript nextjs react react-native reactjs ssr theme typescript web-development website
Last synced: 14 Apr 2025
https://github.com/p3ol/junipero
π Junipero Design System React components
color-picker date-picker design-system forms modal react react-components slider switch tags-input toggle
Last synced: 20 Dec 2024
https://github.com/theelegantcoding/astro_template_webpage
π¦οΈ This repository that contains an Astro template ready for any website you can imagine. It's like a Swiss Army knife for developers, offering pre-built modules and flexible configurations to kickstart your project, regardless of its type.
accessibility astro bun clean-architecture clean-code design-system eslint i18n node performance postcss sass seo style-guide stylelint typescript vite web-development
Last synced: 07 Dec 2024
https://github.com/nuxt-themes/tokens
Design Tokens synced with Nuxt design team Figma.
design-system design-tokens nuxt theme
Last synced: 10 Feb 2025
https://github.com/italia/design-tokens-italia
Repository ufficiale dei design token del Design System del Paese
Last synced: 19 Dec 2024
https://github.com/mati365/under-control
π π Are you losing sanity every time you need to make a form? Are you have enough of all antipatterns and cursed frameworks in React? Screw that! Treat all forms and inputs as a recursive composable control!
controls design-system form forms framework inputs react two-way-databinding typescript validation
Last synced: 15 Apr 2025
https://github.com/vollowx/see
Standard Extensible Elements
design-system lit material typescript web web-components
Last synced: 19 Nov 2024
https://github.com/wwnorton/design-system
The W. W. Norton & Company design system
components css-custom-properties design-system react react-components sass typescript-react
Last synced: 23 Apr 2025
https://github.com/itsjonq/wordpress-design-guidelines
π WordPress: Design Guidelines
design design-system guidelines wordpress
Last synced: 10 Apr 2025
https://github.com/semicolondsm/semicolondesign_android
Semicolon;μμ κ°λ°ν κ΅λ΄ νλ‘μ νΈ μ μ© λμμΈ μμ€ν μ λλ€.
android android-library design-system jetpack-compose ui
Last synced: 06 Dec 2024
https://github.com/sneko/dsfr-connect
This library themes your favorite UI framework to look like the official DSFR as much as possible
ant-design antd bootstrap bulma chakra-ui chakraui design-system dsfr foundation headlessui mui semantic-ui tailwind tailwindcss theme theming vuetify vuetifyjs
Last synced: 17 Feb 2025
https://github.com/dtwrks/elm-ui-book
UI documentation tool for Elm applications.
design-system elm elm-css elm-ui storybook ui-docs ui-library
Last synced: 11 Apr 2025
https://github.com/myntra/applique-ui
A design system build by Myntra
components design-system icons react reactjs sass typescript ui-components uikit
Last synced: 02 May 2025
https://github.com/creativecommons/vocabulary
A cohesive system of design for Creative Commons
accessibility creative-commons css design-system html javascript ui ux
Last synced: 12 Apr 2025
https://github.com/toshusai/spectrum-vue
Adobe Spectrum UI Components for Vue.
adobe components design-system spectrum ui-components ui-framework ui-kit vue vue-components
Last synced: 25 Apr 2025
https://github.com/mikaelvesavuori/figmagic-action
Use Figmagic to retrieve tokens, graphics, and/or React components from a Figma document.
design-system design-tokens figma figma-api figmagic tokens ux
Last synced: 14 Feb 2025
https://github.com/govtechsg/sgds
SGDS is a frontend framework that aims to provide a beautiful common visual language and user experience for visitors of Singapore Government websites.
design-system javascript jekyll singapore-government webpack
Last synced: 13 Feb 2025
https://github.com/mia-platform/design-system
React graphical components designed by Mia Platform
design-system hacktoberfest react-components
Last synced: 07 Apr 2025
https://github.com/nypublicradio/nypr-design-system-vue3
New York Public Radio's open source design system. Built with Vue 3, Nuxt 3, PrimeVue & Storybook.
design design-system design-systems nuxt nuxt3 nuxtjs primefaces primevue storybook vue vue3 vuejs
Last synced: 19 Apr 2025
https://github.com/cypress-io/cypress-design
Find here all the components to build UI with the Cypress Brand
components design-system react vue
Last synced: 19 Apr 2025
https://github.com/hhogg/preshape
A minimal design system and library of React components.
design-system pattern-library react
Last synced: 21 Apr 2025
https://github.com/yoonit-labs/vue-yoonit-components
VueJS Atomic Design System framework
atomic-design design-system hacktoberfest vuejs vuejs-components
Last synced: 19 Apr 2025
https://github.com/imteekay/ui-challenges
UI Challenges - Training Lab
css css3 design design-system html html-css html5 ui ui-components user-experience user-interface
Last synced: 28 Apr 2025
https://github.com/seanwuapps/soft-components
Decorative UI Toolkit based on Neumorphism design
css design-system front-end html javascript ui-kit web-components
Last synced: 05 Apr 2025
https://github.com/meshtastic/design
Visual communication of the meshtastic project
design design-system icons logo meshtastic
Last synced: 20 Apr 2025
https://github.com/telekom/design-tokens
The source of truth for designing Telekom-branded digital products
design-system design-tokens open-source
Last synced: 17 Nov 2024
https://github.com/studio24/apollo
Front-end framework to help build websites with performance and accessibility as first-class passengers
css design-system html pattern-library
Last synced: 13 Nov 2024
https://github.com/toikron/imdesignmanager
Real-time UI builder and advanced design manager built with Dear ImGui & ImDrawList. Features dynamic interactions, intuitive animation controls, and instant visual feedback for modern UI development.
cpp design design-system design-tool gui imgui imgui-extension imgui-menu ui ui-builder ui-framework ui-imgui
Last synced: 07 Apr 2025
https://github.com/lasalefamine/stylelint-design-tokens-plugin
Stylelint plugin for checking Design Tokens use inside your CSS.
design design-system design-tokens hacktoberfest
Last synced: 30 Nov 2024
https://github.com/lmc-eu/twigx-bundle
JSX like component syntax for Twig templating language
design-system jsx symfony symfony-bundle syntax twig
Last synced: 10 Apr 2025
https://github.com/hashicorp/flight
Archived. The flight repo now lives in the design-system monorepo
design-system flight icons svg
Last synced: 21 Jan 2025
https://github.com/aragon/gov-ui-kit
Implementation of the Aragon's Governance UI Kit
aragon design-system governance governance-ui-kit react tailwind ui-kit
Last synced: 14 Apr 2025
https://github.com/kashif-e/swiftui-material-theming
This repository contains a sample implementation of Material Theming in SwiftUI. It includes custom structs for typography, colors, shapes, and spacing, as well as a ThemeManager and custom ViewModifiers for easy implementation in your own projects
android androiddeveloper design-system ios kotlin-multiplatform material-ui swift swiftui swiftui-demo swiftui-example swiftui-learning
Last synced: 14 Apr 2025
https://github.com/behzadam/patterns
Learn and apply TypeScript design patterns through practical examples and code snippets.
design-pattern design-patterns design-system p5-js p5js patterns typescript
Last synced: 10 Feb 2025
https://github.com/volverjs/ui-vue
Lightweight Vue 3 component library to accompany @volverjs/style.
component-library components design-system vue vue-components vue3 vuejs
Last synced: 19 Apr 2025
https://github.com/teambit/bit-with-github-actions
A Bit integration with GitHub Actions CI.
bit ci component-architecture component-library components design-system design-systems
Last synced: 11 Apr 2025
https://github.com/vtex/andromedocs
andromedocs provides simple yet flexible tools for documenting Design Systems.
design-system documentation gatsby hacktoberfest
Last synced: 14 Apr 2025
https://github.com/fristaildg/create-react-ds
React Design System Boilerplate
design-system esbuild react rollup styled-components styled-system typescript
Last synced: 02 Dec 2024
https://github.com/imodeveloperlab/flower-store
Flower Store app design template powered by DSKit
design-system flower-store ios swift template
Last synced: 09 Apr 2025
https://github.com/popovanton0/kira
ποΈ Automatically generates UI which allows users to call any function (including composable ones) with any parameter values. Useful for building demo screens in playground apps of design systems
android annotation-processor code-generation demo-app design-system jetpack-compose kotlin ksp playground-app
Last synced: 13 Apr 2025
https://github.com/studiometa/ui
π¦ A set of opiniated, unstyled and accessible components
components design-system twig ui-kit
Last synced: 04 Apr 2025
https://github.com/nclsndr/design-tokens-format-module
A Typescript implementation of the Design Tokens Format Module specification
Last synced: 01 Apr 2025
https://github.com/mongodb/leafygreen-sketch
Sketch Symbol Libraries
design-system product-design-tools sketch
Last synced: 04 Feb 2025
https://github.com/helpscout/seed
π°Seed: A component-first CSS design system.
css design-system open-source scss seed
Last synced: 12 Apr 2025
https://github.com/netease/tango-components
An UI library for tango low-code builder
component-library design-system low-code tango
Last synced: 14 Apr 2025
https://github.com/arup-group/arc-components
Arup Reusable Components
design-system lit nix web-components
Last synced: 24 Apr 2025
https://github.com/matteusan/himig
MatteuSan's personal design system for building user interfaces.
component-library css css-framework design-system sass scss theme web
Last synced: 24 Apr 2025
https://github.com/Spendesk/grapes-android
Spendesk Android Grapes design system.
android android-demo-application android-library design-system kotlin
Last synced: 12 Apr 2025
https://github.com/benji6/eri
A minimal design system
component-library design-system react
Last synced: 19 Apr 2025
https://github.com/dstoyanoff/e-prim
A set of tools to implement a design system on top of @emotion/css and @emotion/react as well as add some primitive components to make prototyping UI faster and easier
css-in-js design-system emotion styles typescript
Last synced: 12 Apr 2025
https://github.com/openkitrun/design-blocks
An open-source library that focuses on the developer experience, offering complete control over style and customization in their projects.
components css-in-js design-system dx library native primitives react react-native system tailwind ui unstyled unstyled-components
Last synced: 19 Nov 2024
https://github.com/leemonade/bubbles
The Bubbles Design System is Leemonade's open-source design system for products and experiences.
bubbles design-system leemons mantine react storybook
Last synced: 13 Apr 2025
https://github.com/orange-opensource/ouds-ios
A SwiftUI components library with code examples for Orange Unified Design System
design-system ios ios-library library swift swift-testing swift6 swiftdocc swiftpackage swiftui tokens toolbox
Last synced: 19 Mar 2025
https://github.com/imodeveloperlab/food-delivery
Food Delivery app design template powered by DSKit
design-system food-delivery-application ios swift template
Last synced: 09 Apr 2025
https://github.com/resir014/chungking
resir014's personal design system.
component-library design-system react typescript
Last synced: 11 Mar 2025
https://github.com/dherault/honorable
π A UI library for implementing any design system in React
components design-system library react
Last synced: 23 Mar 2025
https://github.com/buildit/gravity-particles
The "single source of truth" for design tokens and assets used throughout Buildit's Gravity design system
buildit-gravity design-system design-tokens
Last synced: 13 Apr 2025
https://github.com/maibornwolff/mwui
Storybook (dev): https://maibornwolff.github.io/mwui-dev
angular component-library components design-system react stencil storybook vue web-components
Last synced: 25 Apr 2025
https://github.com/dipsas/dips.mobile.designtokens
DIPS Mobile DesignTokens is a repository to store DIPS resources that is used in the Android and iOS apps.
automation design design-system design-tokens
Last synced: 29 Apr 2025
https://github.com/team-b1nd/dds-compose
μ€λ§νΈ μ€μΏ¨ νλ«νΌ 'λλ΄λλ΄' Jetpack Compose λμμΈ μμ€ν
android design-system jetpack-compose kotlin
Last synced: 05 Apr 2025
https://github.com/woylie/barker
SCSS starter kit for design systems
design-system sass scss scss-framework starter-kit
Last synced: 14 Apr 2025
https://github.com/orchestrated-io/orcs-design-system
TeamForm Design System - ORCS
design-system orcs react storybook styled-components styled-system teamform
Last synced: 11 Apr 2025
https://github.com/haiilo/catalyst
A framework agnostic design system and component library based on web components and SCSS.
design-system stencil-js web-components
Last synced: 19 Nov 2024
https://github.com/xop/design-system-starter
Design System Starter Template
astro design-system design-tokens documentation-tool monorepo storybook template-project turborepo ui-components ui-library
Last synced: 13 Apr 2025
https://github.com/yourssu/handy-react
λ΄ μ£Όλ¨Έλμμ μ λ€μ΄μ€λ μ μ΄μ λμμΈ μμ€ν for React
design-system react styled-components yourssu
Last synced: 20 Nov 2024
https://github.com/zebradevs/zeta_flutter
Zeta is the new, formal, standardized Zebra Design System based off the successes of ZDS (Zebra Design System).
design design-system flutter zeta
Last synced: 18 Dec 2024
https://github.com/openpatch/patches
The OpenPatch Design System
design-system emotion react reactjs
Last synced: 19 Apr 2025
https://github.com/human-connection/nitro-styleguide
Human-Connection Styleguide
Last synced: 30 Apr 2025
https://github.com/marketingpipeline/estuary
A HTML, CSS, and JavaScript framework that looks like the default Kodi theme.
css css-framework css-stylesheet design-framework design-system estuary html javascript kodi kodi-skin media-center open-source ott single-page-app stylesheets ui-framework video-on-demand video-player xbmc
Last synced: 06 Dec 2024
https://github.com/filecoin-project/slate-react-system
A component, constants, and experience library for the Filecoin Network / Textile Services
component-library design-system filecoin ipfs react
Last synced: 27 Dec 2024
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/diconium/ui-toolbox
Common UI components library to build similar themed React web applications faster.
components-library design-system diconium hacktoberfest opensource react react-component-library storybook tailwindcss toolbox ui
Last synced: 11 Feb 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/daangn/kdt
A deadly-simple, yet powerful language and framework to improve design tokens workflow.
design-system design-tokens dsl
Last synced: 24 Feb 2025
https://github.com/jimdo/components-stats
Collect stats about UI components usage across the GitHub org
design-system github-api hacktoberfest npm owner-ux-platform react ui ui-components
Last synced: 01 Apr 2025
https://github.com/team-b1nd/dds-ios
μ€λ§νΈ μ€μΏ¨ νλ«νΌ 'λλ΄λλ΄' SwiftUI λμμΈ μμ€ν
design-system ios macos swift swiftui
Last synced: 05 Apr 2025
https://github.com/growingio/gio-design-icons
GrowingIO Design SVG Icons
design-system growingio react svg-icons
Last synced: 10 Apr 2025
https://github.com/project44/archived-manifest-ui
[Deprecated] Themeable design system for the project44
design-system percy-io playroom radix-ui react stitches storybook
Last synced: 26 Jan 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/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/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/jakobw/style-dictionary-format-json-schema
Generate JSON schemas for style-dictionary files to improve text editor support
build-tool design-system design-tokens style-dictionary
Last synced: 18 Mar 2025
https://github.com/evargast/webpack-react-spectrum
adobe design-system react spectrum webapp webpack
Last synced: 14 Apr 2025
https://github.com/nunes22/adaptflex
Adaptive ReasonML Design System
component-library design-system react reasonml reasonreact
Last synced: 21 Nov 2024
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