Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2024-11-06 00:07:35 UTC
- JSON Representation
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 Oct 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/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: 28 Sep 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/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: 13 Oct 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/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/guichristovao/poke-themes
An Android project to showcase a multi-brand design system.
android design-system snapshot theme
Last synced: 01 Aug 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/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/simspace/monorail
π Monorail
component-library design-system react typescript
Last synced: 01 Nov 2024
https://github.com/Bewond/design-system
Bewondβs open-source design system for products and digital experiences.
Last synced: 03 Nov 2024
https://github.com/kkratterf/fusillo
A well-cooked design system boilerplate
design design-system design-tokens monorepo nextjs open-source react turborepo typescript ui-components
Last synced: 03 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/team-b1nd/dds
μ€λ§νΈ μ€μΏ¨ νλ«νΌ 'λλ΄λλ΄' λμμΈ μμ€ν
design-system documentation docusaurus react typescript
Last synced: 05 Nov 2024
https://github.com/atls/hyperion
Highly ordered User Interface Kit
design-system framer-motion storybook ui-components ui-design ui-kit uikit vanilla-extract vanilla-extract-css yarn3
Last synced: 31 Oct 2024
https://github.com/versumstudios/ui
Versum Studios UI
design-system radix-ui stitches tezos ui
Last synced: 01 Aug 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: 18 Oct 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: 12 Oct 2024
https://github.com/christopherbiscardi/sens8
Sens8 is my personal design system and exemplifying area for experimental designops workflows.
Last synced: 19 Oct 2024
https://github.com/501A-Designs/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: 03 Aug 2024
https://github.com/flemingvincent/rn-ts-tw-design-system
A simple way to create design systems using React Native, TypeScript, and Tailwind CSS.
components design-system expo react-native tailwind typescript
Last synced: 11 Oct 2024
https://github.com/wearegenki/ui
A friendly UI framework which aims to be straightforward, intuitive, and high performance.
css css-grid design-system marko postcss vue wearegenki
Last synced: 27 Sep 2024
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: 29 Sep 2024
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/bkdev98/innoteq-design-system
π§πΏββοΈ
design-system gatsbyjs reactjs styled-components styled-system
Last synced: 11 Oct 2024
https://github.com/aherrahul/rds-design-system-example
Welcome to the example project showcasing how to integrate and use the RDS (Rahul's Design System) in your Vue.js projects. This guide will walk you through the steps to get started with RDS, from installation to usage, ensuring a smooth integration process.
component component-li components demo demo-app design design-system design-systems design-tools library library-systems rds rds-design-system vue vue-router vue3 vuejs vuejs2 vuetify vuex
Last synced: 10 Oct 2024
https://github.com/opire/design-system
Opire's Design System
components design design-system storybook styleguide typescript
Last synced: 11 Oct 2024
https://github.com/fgribreau/design-system-skaffold
Design system base project
design-system design-systems skaffold skaffold-example
Last synced: 29 Oct 2024
https://github.com/metamodern-design/color-system
A configurable HSL color system for use with TailwindCSS
color design-system hsl tailwindcss
Last synced: 29 Sep 2024
https://github.com/principes-artis-mechanicae/design-system
GET-P Design System & UI Kit
design-system emotion-css emotion-react emotion-styled npm npm-package react rollup storybook typescript
Last synced: 13 Oct 2024
https://github.com/ctrlup-io/rainbow-react
Rainbow, Ctrl Up's Design System
Last synced: 28 Oct 2024
https://github.com/noclocks/brand
No Clocks, LLC Brand Assets and Design System
brand brand-assets branding dam design-system guidelines
Last synced: 02 Aug 2024
https://github.com/jamespatrickgibson/union
A design system boilerplate for Svelte & CSS
css-custom-properties design-system svelte-components sveltejs
Last synced: 14 Oct 2024
https://github.com/lukasoppermann/figma-plugin-design-presets
Design presets for figma plugins with light & dark mode.
dark-mode design-system figma figma-plugins figmadesign presets
Last synced: 11 Oct 2024
https://github.com/gustavohps10/sapuris-design-system
π¨ My collection of standardized UI elements and styles
cicd design-system monorepo npm react stitches storybook tsup turborepo typescript
Last synced: 13 Oct 2024
https://github.com/hello-softis/andromeda
Design System used by Softis.
design-system front-end javascript react stitches storybook tailwind tailwindcss typescript
Last synced: 13 Oct 2024
https://github.com/nishantjoshi00/fun-luhn
nishantjoshi00.github.io/fun-luhn | Learn luhn for fun | Learn Languages | System Design | LLD | Scripting
ci design-system low-level-programming multilanguage scripting
Last synced: 03 Nov 2024
https://github.com/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 11 Oct 2024
https://github.com/javierarce/figma-components-analyzer
A tool to improve consistency and structure to design systems property names
components design design-system figma figma-api
Last synced: 11 Oct 2024
https://github.com/hashtag-design-system/design_system
Components, design primitives, and tools for #hashtag's design system. Build with React.js, TypeScript & SCSS.
design-system figma hashtag reactjs scss
Last synced: 11 Oct 2024
https://github.com/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 28 Oct 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: 13 Oct 2024
https://github.com/kaihotz/kai-ui
A design system composed out of custom react components, supporting dark and light mode
css-variables dark-mode dark-theme design-system react react-components scss-styles storybook
Last synced: 13 Oct 2024
https://github.com/trenaryja/ui
My own component library, complete with Storybook!
component-library design-system react storybook typescript
Last synced: 13 Oct 2024
https://github.com/tymothy6/local-design-tokens
Storage for Figma Design Tokens
design-system design-tokens figma
Last synced: 17 Oct 2024
https://github.com/its-digital-technology/kernl-ui
The front-end web framework for Northeastern University's design system
alpinejs design-system tailwindcss
Last synced: 13 Oct 2024
https://github.com/apvarun/rewind-components
Ready to use components for your next project
component-library components design-system react react-component-library
Last synced: 11 Oct 2024
https://github.com/shannakae/daisyuitokens
The goal of this project is to simplify the complex world of design systems and tokens by making the power of design tokens more accessible and turning what can be a daunting task into an intuitive process. Leveraging Tailwind, DaisyUI, and Token Studio, our goal is to create a comprehensive yet approachable theming system across multiple platforms
agnostic collaboration cross-platform daisyui design-system design-tokens figma tailwindcss theming tokenization tokenstudio
Last synced: 11 Oct 2024
https://github.com/juanesgalvis/galvisvue
Portafolio personal programado en Vue JS
design-system netlify npm vue-router vuejs
Last synced: 24 Oct 2024
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 31 Oct 2024
https://github.com/marcobiedermann/ui
π¦ Collection of web UI components
components css design-system javascript modules react storybook styleguide ui
Last synced: 28 Oct 2024
https://github.com/lttr/skaut-design
Bulma CSS framework adjusted for design system of czech scouts
Last synced: 14 Oct 2024
https://github.com/mathisburger/chocolatecss
A small CSS framework for some basic design
css-boilerplate css-experience css-library darkmode design-system intention libary navbar scss scss-framework
Last synced: 22 Oct 2024
https://github.com/carcajadaartificial/garlicss
GarliCSS π§ is an SCSS library with utilities for Design Systems.
css design-system responsive-web-design sass sass-framework
Last synced: 15 Oct 2024
https://github.com/u2ui/u2
HTML Advanced: More Capabilities, Same Feel, Same Simplicity
component-library design-system pattern-library ui-toolkit web-components
Last synced: 14 Oct 2024
https://github.com/seppwc/tealeaf
A beautifully modular UI toolkit
classless classless-css classless-css-framework css css-framework cssframework design design-system designsystem hacktoberfest hacktoberfest2021 reset reset-css ui ui-components web-component web-components webcomponent webcomponents
Last synced: 09 Oct 2024
https://github.com/coryrylan/clarity-hugo
Example demo of using the Clarity Design System with Hugo
clarity-design design-system hugo
Last synced: 16 Oct 2024
https://github.com/fabianhermar/design
Boxode design system for building a incredible web experiences.
boxode design design-system web-design web-experience
Last synced: 14 Oct 2024
https://github.com/nicholasgillespie/scalable-scss-design-system
The Scalable SCSS Design System is a customizable system for managing design tokens like colors, spacing, and typography. It ensures consistent theming with CSS variables, token access via the get function, and utility classes. Built for scalability, itβs easy to integrate, maintain, and adapt, ideal for projects of any size.
css cube design-system every-layout sass scalable scss tokens
Last synced: 31 Oct 2024
https://github.com/joshblack/laufey
Laufey is an exploration around building design systems
design-system javascript react
Last synced: 27 Oct 2024
https://github.com/herokwon/herokwon-ds
Personal design system
design-system nextjs react storybook tailwindcss
Last synced: 13 Oct 2024
https://github.com/amirsaam/radix-ui-swift
RadixUI ready to be used in SwiftUI (Unofficial)
accessibility color-palette design-system iconset radix-colors radix-icons radix-ui svg svg-icons swift swift-package swiftui ui ui-library
Last synced: 12 Oct 2024
https://github.com/d0rich/esprit
π¦π Monorepo with all mine personal brand websites and associated packages
design-system docs-template front-end gsap nuxt-layers nuxt-theme nuxt3 persona-5 tailwindcss vue
Last synced: 14 Oct 2024
https://github.com/seancheong/chroma-ui
A design system built with React, Tailwind CSS and Storybook
design-system react storybook tailwindcss typescript
Last synced: 02 Nov 2024
https://github.com/jfalxa/systyle
Style fast
css-in-js design-system emotion react styled-components
Last synced: 28 Oct 2024
https://github.com/jonambas/react-delver
π¦ A design system analysis tool
design-system javascript react typescript
Last synced: 21 Oct 2024
https://github.com/vivek12345/lounge-design-system
Design system using emotion, styled-system and react - for learning
design-system emotion react styled-system
Last synced: 22 Oct 2024
https://github.com/lastnamearya/design-system-with-styled-components
Work in Progress : A simple Design System :rainbow: with Styled Components π
design-system reactjs styled-components
Last synced: 27 Oct 2024
https://github.com/mathhetru/p14_hrnet
Switch a jQuery library to React
design-system npm primereact react store tailwindcss typescript vite zustand
Last synced: 06 Nov 2024
https://github.com/neoground/neopren
The Neopren Design System
bootstrap design-system preact
Last synced: 02 Nov 2024
https://github.com/nordic-io/hlsx
minimum. wonderful
baseui chromatic design-system react storybook typescript vercel
Last synced: 31 Oct 2024
https://github.com/dynamic-framework/dynamic-ui
Quickly create feature-rich financial applications through a robust micro frontend architecture of React-based components with customizable templates built for integration.
bootstrap css-framework design-system react ui-kit
Last synced: 30 Oct 2024
https://github.com/teradata/design
A simple web wrapper for our Figma-based design documentation.
Last synced: 06 Nov 2024
https://github.com/eylatamsouth/beyondstyle
Library of shared components of BeyondLabs
Last synced: 05 Nov 2024
https://github.com/danmad/node-sass-token-importer
A module that extends node-sass by supporting the imports of cross-language design tokens
Last synced: 15 Oct 2024
https://github.com/code-star/andromeda
:star: https://andromeda.codestar.nl/ :star:
babel circle-ci cssmodules design-system github-pages jest lerna library npm react sass stylelint travis-ci tslint typescript ui-components webpack
Last synced: 15 Oct 2024
https://github.com/code-star/phoenix
:star: https://phoenix.codestar.nl/ :star:
babel circle-ci cssmodules design-system ecmascript eslint github-pages jest lerna library npm react sass stylelint travis-ci ui-components webpack
Last synced: 15 Oct 2024
https://github.com/ferdodo/crumbs
A web component library
design-system ui-library web-components
Last synced: 15 Oct 2024
https://github.com/mohamed-rabie-mohamed-khedr/mousecontrol
control and move a mouse From a keyboard
csharp design-system desktop desktop-app windows windows-forms
Last synced: 19 Oct 2024
https://github.com/afrijaldz/persona-layer
Module designed to simplify the process of installing Persona Design System for your application
Last synced: 16 Oct 2024
https://github.com/malcodeman/malcomponents
Collection of React components.
design-system react theming typescript
Last synced: 29 Oct 2024
https://github.com/danmad/oc-design-system
A design system developed for Open Colleges
design-system react user-interface
Last synced: 15 Oct 2024
https://github.com/stylescape/stylescape
Stylescape Design Framework
css css-framework css3 design design-framework design-system framework graphic-language html html5 javascript sass scss scss-framework style stylescape typescipt typescript
Last synced: 15 Oct 2024
https://github.com/julrich/tsnm-page
My personal page and playground, built on my personal Design System https://github.com/julrich/tsnm-ds based on https://github.com/kickstartDS/ and Backlight
backlight backlight-dev design-system design-systems development music netlify netlify-functions netlify-graph nextjs tsnm
Last synced: 19 Oct 2024
https://github.com/julrich/tsnm-ds
Design System for my personal page, based on https://github.com/kickstartDS and https://github.com/divriots/backlight.dev. In use on https://tsnm.de
backlight design-system design-systems kickstartds
Last synced: 19 Oct 2024
https://github.com/lukahartwig/not-a-design-system
This is not a design system.
component-library design-system react
Last synced: 25 Oct 2024
https://github.com/fhrsales/design-system-estadao
Manual de identidade visual da versΓ£o impressa do EstadΓ£o β 2021
design-system javascript print
Last synced: 23 Oct 2024
https://github.com/matheusps/blvkdv-system
Tailwind + systed-components oriented design system idea. (No production ready)
component-library design-system javascript react styled-components
Last synced: 25 Oct 2024
https://github.com/dbtedman/design-system
A fictional design system based around Web Components.
design-system react stencil vue
Last synced: 29 Oct 2024
https://github.com/78-artilleryman/pluma_design-system
μΉμμ€ μκ°λ€μ μν μλΉμ€
design-system nextjs14 nx react storybook tailwindcss typescript
Last synced: 13 Oct 2024
https://github.com/gardenjs/render-plugin-vue
Plugin for rendering Vue components in gardenjs.
component-library components design-system documentation gardenjs javascript stories storybook styleguide testing ui ui-components vue vuejs web-components
Last synced: 09 Oct 2024
https://github.com/waterbinnn/waterbin-ui-kit
@waterbin/ui-kit κ°μΈ νλ‘μ νΈμ© λμμΈ μμ€ν
design-system pandacss reactjs storybook typescript vite
Last synced: 13 Oct 2024
https://github.com/mauricioromagnollo/ignite-call
An study case about monorepo and design system.
design-system monorepo nodejs turborepo
Last synced: 18 Oct 2024
https://github.com/garthdb/design-token-attributes
A mono repo for managing design token contexts
design-system monorepo postcss styledictionary stylelint
Last synced: 14 Oct 2024
https://github.com/garthdb/token-diff
GitHub Action that generates a design token diff to add to a pull-request
design-system github-actions hacktoberfest
Last synced: 14 Oct 2024
https://github.com/lucianakyoko/elementum-ds
Design System no front-end usando Storybooks, Next.js14 e TailwindCSS
atomic-design design-system nextjs14 storybook tailwindcss
Last synced: 13 Oct 2024
https://github.com/jamal-saadeddin/taskbox
Implementation of the Storybook tutorial, developed during my internship at Foothill Technology Solutions. It covers Chromatic integration, deployment, story writing, error/loading state handling, and creating a components screen.
components design-system react storybook testing ui-components web-components
Last synced: 13 Oct 2024
