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-14 00:07:02 UTC
- JSON Representation
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/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/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/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/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/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/alexandredev3/tails-ui
A Design System for TailwindCSS projects
design-system javascript plopjs reactjs storybook tailwind tailwind-css tailwindcss turborepo typescript vitejs
Last synced: 10 Oct 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/growingio/gio-design-tokens
GrowingIO Design Tokens
design-system design-tokens growingio
Last synced: 09 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: 30 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/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/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/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/christopherbiscardi/sens8
Sens8 is my personal design system and exemplifying area for experimental designops workflows.
Last synced: 19 Oct 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/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/team-b1nd/dds
์ค๋งํธ ์ค์ฟจ ํ๋ซํผ '๋๋ด๋๋ด' ๋์์ธ ์์คํ
design-system documentation docusaurus react typescript
Last synced: 05 Nov 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/versumstudios/ui
Versum Studios UI
design-system radix-ui stitches tezos ui
Last synced: 09 Nov 2024
https://github.com/sargamdesign/sargam-design-methodology
Design methodology based on the aesthetics of Indian Classical Music.
Last synced: 09 Nov 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/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/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/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: 07 Nov 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/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: 07 Nov 2024
https://github.com/cds-snc/gcds-utility
GC Design System Utility is a utility framework for GC Design System. | L'utilitaire de Systรจme de design GC est un cadre utilitaire pour ce systรจme.
canada design-system government government-canada utility-framework
Last synced: 12 Nov 2024
https://github.com/cds-snc/gcds-tokens
GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Systรจme de design GC sont les plus petits blocs de construction du systรจme et reprรฉsentent les choix de design pour les รฉlรฉments de base (couleur, typographie, espacementโฆ).
canada design-system design-tokens government government-canada style-dictionary
Last synced: 12 Nov 2024
https://github.com/noclocks/brand
No Clocks, LLC Brand Assets and Design System
brand brand-assets branding dam design-system guidelines
Last synced: 13 Nov 2024
https://github.com/locol23/component-library-react-vite-linaria-boilerplate
A component library (design system) boilerplate with TypeScript and React, linaria, Vite, Vitest, Storybook
component-library design-system linaria react storybook typescript vite vitest
Last synced: 11 Nov 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/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/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: 11 Nov 2024
https://github.com/dev-ashishranjan/mittal-high
College DBMS Project. This is an apartment management project created using React+Express+MySql
dbms dbms-project design-system management-system mysql-database sql-project
Last synced: 12 Nov 2024
https://github.com/sirajcode/studio
๐ป A UI design system to make truly re-useable with React JS styled-components
design-system react reactjs styled-components
Last synced: 15 Nov 2024
https://github.com/artsy/palette-docs
Docs for Palette, Artsy's Design System
design-system react styled-system
Last synced: 10 Nov 2024
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: 14 Nov 2024
https://github.com/mauriciogirardi/girardi-ui-design
design system
cicd design-system npm radix reactjs stiches tokens
Last synced: 07 Nov 2024
https://github.com/super-luoki/web-os-ui
Win11 style React component library.
design-system operating-system-style react typescript ui-kit
Last synced: 09 Nov 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: 08 Nov 2024
https://github.com/bkdev98/innoteq-design-system
๐ง๐ฟโโ๏ธ
design-system gatsbyjs reactjs styled-components styled-system
Last synced: 11 Oct 2024
https://github.com/artlasovsky/foundation-ui
Package to speedup UI prototyping and development using SwiftUI.
design-system ios macos modifier swiftui
Last synced: 14 Nov 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/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/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/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/ec-europa/ecl-webcomponents
ECL webcomponents is a new implementation of ECL vanilla components
design-system ecl stenciljs webcomponents
Last synced: 11 Nov 2024
https://github.com/uinix-js/uinix-site
Website for uinix-js
css design-system theme ui ui-system uinix
Last synced: 06 Nov 2024
https://github.com/ctrlup-io/rainbow-react
Rainbow, Ctrl Up's Design System
Last synced: 28 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/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/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/cityofdetroit/cod-design-system
Design System proof of concept
Last synced: 06 Nov 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: 14 Nov 2024
https://github.com/tavareshenrique/ignite-lab-design-system
O Ignite Lab Design System รฉ um projeto da Rocketseat onde construimos uma aplicaรงรฃo de Design System utilizando: React, TypeScript, Vite, Tailwind e Storybook. ๐ ๐
design-system ignite-lab react rocketseat storybook tailwind typescript vite
Last synced: 12 Nov 2024
https://github.com/uinix-js/uinix-theme-spec-theme-ui
The theme-ui theme spec usable by uinix-theme
css design-system spec theme theme-ui ui ui-system uinix
Last synced: 06 Nov 2024
https://github.com/uinix-js/uinix-theme-spec
The default uinix theme spec
css design-system spec theme ui ui-system uinix
Last synced: 06 Nov 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/vishwagauravin/tailwind-jsx-components
Dumpyard for all new public design components
component css design design-system design-thinking nextjs react reactjs tailwind tailwindcss ui ui-components ui-design uikit webdevelopment website
Last synced: 06 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/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 07 Nov 2024
https://github.com/herokwon/herokwon-ds
Personal design system
design-system nextjs react storybook tailwindcss
Last synced: 13 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/abelflopes/react-ck
React Component Kit - React Components & Utils
cicd components design-system library react storybook tsx typescript utils
Last synced: 06 Nov 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/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/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 28 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/neoground/neopren
The Neopren Design System
bootstrap design-system preact
Last synced: 02 Nov 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/xop/awsm-docs
Design System Documentation Website Slingshot
astro design-system design-tokens headless-components scaffolding ui-components ui-library
Last synced: 10 Nov 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/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: 15 Nov 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/brunos3d/nx-storybook-design-system
Creating a design-system lib with Nx and Storybook. (POC project)
design-system example monorepo nx proof-of-concept react storybook styled-components typescript
Last synced: 10 Nov 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/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/jonambas/react-delver
๐ฆ A design system analysis tool
design-system javascript react typescript
Last synced: 21 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/jfalxa/systyle
Style fast
css-in-js design-system emotion react styled-components
Last synced: 28 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/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: 14 Nov 2024
https://github.com/guoyunhe/react-design-system
Which React design system is the best for your project?
antd design-system material-ui react ui
Last synced: 12 Nov 2024
https://github.com/mmalfertheiner/frontend-monorepo
Share design lib with multiple frontends
design-system monorepo nextjs reactjs storybook tailwindcss yarn-workspaces
Last synced: 10 Nov 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/goh-chunlin/haneul
UX Standard Guidelines: Materialise the user values with upgraded total experience.
Last synced: 10 Nov 2024
https://github.com/tmol4/star4
Our official design system and UI library
design-system frontend jsx material material-design material-you material3 react solidjs ui web
Last synced: 11 Nov 2024
https://github.com/codegouvfr/rescript-react-dsfr
๐ซ๐ท ReScript bindings for react-dsfr
design-system dsfr react rescript
Last synced: 12 Nov 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/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/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/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/samuelematias/gamespedia
๐พ An encyclopedia of games, where you can find details of some games.
dart design-system flutter games lineage2
Last synced: 11 Nov 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/breitburg/zephyr
Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo
Last synced: 14 Nov 2024
