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: 2025-02-05 00:08:00 UTC
- JSON Representation
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/fgribreau/design-system-skaffold
Design system base project
design-system design-systems skaffold skaffold-example
Last synced: 16 Dec 2024
https://github.com/ctrlup-io/rainbow-react
Rainbow, Ctrl Up's Design System
Last synced: 21 Dec 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: 26 Jan 2025
https://github.com/mauriciogirardi/girardi-ui-design
design system
cicd design-system npm radix reactjs stiches tokens
Last synced: 27 Dec 2024
https://github.com/uinix-js/uinix-site
Website for uinix-js
css design-system theme ui ui-system uinix
Last synced: 25 Dec 2024
https://github.com/ably/ably-ui
Home of the Ably design system library.
components-library design-system rails react viewcomponents
Last synced: 17 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/nypublicradio/nypr-design-system-vue
The repo for Radial, NYPR's Design System! Codeowner: @kimlarocca
design design-system design-systems storybook vue vuejs
Last synced: 25 Dec 2024
https://github.com/zevolution/golang-netflix-hexagonal-arch
architectural-patterns clean-architecture concurrency concurrent-programming design-patterns design-system go golang goroutines hexagonal hexagonal-architecture job layer-architecture microservice netflix parallel parallel-programming ports-and-adapters system-design thread
Last synced: 25 Jan 2025
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: 07 Jan 2025
https://github.com/bkdev98/innoteq-design-system
🧜🏿‍♂️
design-system gatsbyjs reactjs styled-components styled-system
Last synced: 17 Dec 2024
https://github.com/saas-js/saas-ui-illustrations
Open Source Illustrations for Design Systems and Docs
component-library design-system designsystem storybooks ui-components ui-docs
Last synced: 26 Jan 2025
https://github.com/metamodern-design/color-system
A configurable HSL color system for use with TailwindCSS
color design-system hsl tailwindcss
Last synced: 23 Jan 2025
https://github.com/ngx-primer/primer-ui
Ngx Primer - A collection of reusable Angular components, modules, and directives designed to help you build beautiful UIs, following the GitHub Primer Design System.
angular angular-components angular-ui-kit component-library design-system modular-design ngx-primer open-source primer-design-system responsive-ui responsive-ui-kit ui-components web-components web-components-library
Last synced: 02 Feb 2025
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: 21 Jan 2025
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/metasidd/colortokenskit-ios
A powerful color tokens system for iOS
colors design-system swift tokens
Last synced: 21 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/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: 16 Jan 2025
https://github.com/alaskaairlines/auro-hyperlink
Custom hyperlink element to connect webpages or data items to one another
auro custom-element design-system generator-v3-11-0
Last synced: 21 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/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: 19 Nov 2024
https://github.com/minakovnv/expert-system-for-space-rockets-launch-decision-making-on-the-basis-of-weather-conditions
Expert system for space rockets launch decision-making on the basis of weather conditions
database delphi design-system expert-system information-systems machine-learning pascal
Last synced: 19 Jan 2025
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: 10 Jan 2025
https://github.com/alaskaairlines/auro-input
Custom HTML element for inputting string data in forms
auro custom-element design-system
Last synced: 21 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/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: 13 Jan 2025
https://github.com/simonwhatley/govuk-design-system-snippets-atom-package
This Atom package includes snippets to help build UK Government digital services.
atom atom-package design design-system govuk nunjucks package snippets
Last synced: 19 Nov 2024
https://github.com/jdizm/react-storybook-library
A starter repo for a Storybook library with TS, Vite & React
design-system react storybook ui-library vite
Last synced: 02 Feb 2025
https://github.com/lilingxi01/svdm
SVDM - Styling Variance Decomposition Module
design design-system styling svdm ui ui-components ux variance
Last synced: 20 Jan 2025
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/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 Jan 2025
https://github.com/chan9yu/daily-ui
daily ui
design-system lerna monorepo react rollup scss typescript vue
Last synced: 05 Feb 2025
https://github.com/artlasovsky/foundation-ui
Package to speedup UI prototyping and development using SwiftUI.
design-system ios macos modifier swiftui
Last synced: 02 Feb 2025
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: 30 Dec 2024
https://github.com/3lvia/designsystem
Designsystem for all Elvia websites and apps https://design.elvia.io/
angular design-system docs react web-components
Last synced: 02 Jan 2025
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 19 Dec 2024
https://github.com/newdesignfile/colors
Colors are now one less thing to worry about.
color-system colors colorscheme design-system design-tokens palette themes tokens tokens-translation
Last synced: 01 Feb 2025
https://github.com/imnotannamaria/ignite-design-system
Design System with Storybook
design-system radix-ui stiches storybook tsup turborepo typescript
Last synced: 27 Dec 2024
https://github.com/cturk/nebula-ui
A modern, cosmic-themed UI framework for building clean and scalable web applications. NEBULA provides a comprehensive set of components and utilities with an astronomy-inspired design system.
accessibility design-system modern-design nebula-ui react-components responsive-design typescript ui-framework web-components
Last synced: 01 Feb 2025
https://github.com/persephonepunch/sveltedesign-system
Webflow conversion to Svelte Components
Last synced: 05 Jan 2025
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: 21 Dec 2024
https://github.com/birotaio/fifteen-design-system-vue
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
Last synced: 20 Jan 2025
https://github.com/coryrylan/clarity-hugo
Example demo of using the Clarity Design System with Hugo
clarity-design design-system hugo
Last synced: 02 Feb 2025
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: 26 Jan 2025
https://github.com/herokwon/herokwon-ds
Personal design system
design-system nextjs react storybook tailwindcss
Last synced: 13 Oct 2024
https://github.com/theelegantcoding/stylelint-config-elegant-coding
⚙️ Stylelint configuration for fix errors before they cause problems in your code. It can also help you to develop good coding habits that will make your code easier to maintain in the long run.
clean-architecture clean-code design-system eslint node performance pnpm style-guide stylelint-rules typescript
Last synced: 02 Feb 2025
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: 25 Dec 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: 25 Dec 2024
https://github.com/null-none/neumorphic-design
Neumorphic Design System
design design-system ui ui-components
Last synced: 26 Jan 2025
https://github.com/trenaryja/ui
My own component library, complete with Storybook!
component-library design-system react storybook typescript
Last synced: 26 Jan 2025
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: 26 Jan 2025
https://github.com/juanesgalvis/galvisvue
Portafolio personal programado en Vue JS
design-system netlify npm vue-router vuejs
Last synced: 20 Dec 2024
https://github.com/beerush-id/toqin
Single Source of Truth for Your Design Tokens
css design-system design-tokens tailwind tailwindcss
Last synced: 26 Jan 2025
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: 21 Dec 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/pedrohenrikle/ignite-call
Ignite Call is a call scheduling application, where you can register your availability and invite people to events, with connection to Google Calendar, the app creates the event and attaches a Google Meet call to the call automatically
calendar design-system fullstack-development google-calendar googleapis javascript next nextjs react react-hook reactjs resolvers schedule stitches typescript zod
Last synced: 24 Jan 2025
https://github.com/mlibrary/umlib_admin
Drupal admin theme for U-M Library based on the Claro theme
Last synced: 28 Dec 2024
https://github.com/m-u-c-k-a/password
Plateforme sécurisée pour générer et stocker des mots de passe robustes. Accès contrôlé via hachage pour assurer la confidentialité des données.
design-system hash hashing web-development webdesign webdevelopment website
Last synced: 13 Jan 2025
https://github.com/m-u-c-k-a/unit-converter
Site de conversion d'unités : Poids, Distance et Température. Facile, précis, et intuitif. Transformez rapidement vos valeurs dans différentes mesures.
design-system nextjs react reactjs webdesign webdevelopment website
Last synced: 13 Jan 2025
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: 13 Jan 2025
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: 18 Dec 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/pedrohvfernandes/maratona-ignite-lab-design-system
Projeto feito através da @Rocketseat, junto com o instrutor @diego3g. Design System do design ao codigo
cicd clsx css design-system figma patterns patterns-design radix radix-ui react storybook tailwindcss typescript workflow
Last synced: 21 Jan 2025
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/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/zepdev/design-system-website
Living Style Guide for Zeppelin (Legacy)
design-system gatsbyjs react static-site-generator
Last synced: 18 Jan 2025
https://github.com/newdesignfile/typography
Modular typographic scale.
apps design-system desktop mobile mobile-first modular responsive typography uikit websites
Last synced: 01 Feb 2025
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/c0deta1ker/snapvac3d
Effortlessly design custom vacuum chambers with precision and speed in three-dimensions. Share and collaborate with ease by saving your vacuum designs within the app, which also allows you to reload, browse and modify at any time!
3d 3d-graphics 3d-models cad design design-system engineering matlab matlab-application matlab-gui open-source prototyping uhv vacuum visualization
Last synced: 21 Jan 2025
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: 10 Jan 2025
https://github.com/mate-h/tamagui-base
Template repository for cross platform app development with React.
design-system expo monorepo react-native react-navigation
Last synced: 14 Jan 2025
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/jonambas/react-delver
📦 A design system analysis tool
design-system javascript react typescript
Last synced: 21 Oct 2024
https://github.com/kaimagnusmueller/svg-icon-manager
Import and manage icon libraries in Figma
design-system figma icon management plugin
Last synced: 31 Jan 2025
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/jameslnewell/design-system-example
A demonstration of the tooling setup for a React based Design System.
Last synced: 21 Dec 2024
https://github.com/joshblack/laufey
Laufey is an exploration around building design systems
design-system javascript react
Last synced: 14 Jan 2025
https://github.com/neoground/neopren
The Neopren Design System
bootstrap design-system preact
Last synced: 20 Dec 2024
https://github.com/chepetime/stencil-design-system
UI Component Library Template with Stencil and Turborepo
design-system stenciljs turborepo
Last synced: 29 Dec 2024
https://github.com/arifinoid/project-css-design-sytem
🍆🥕🍅🥒🥬This is my Sellsayur (platform tracking dan jual beli sayur online) website page.
Last synced: 27 Jan 2025
https://github.com/marcobiedermann/ui
🦄 Collection of web UI components
components css design-system javascript modules react storybook styleguide ui
Last synced: 21 Dec 2024
https://github.com/jfalxa/systyle
Style fast
css-in-js design-system emotion react styled-components
Last synced: 21 Dec 2024
https://github.com/teradata/design
A simple web wrapper for our Figma-based design documentation.
Last synced: 24 Dec 2024
https://github.com/cityofdetroit/cod-design-system
Design System proof of concept
Last synced: 06 Nov 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/shikha-code36/design-patterns-in-python
Design Patterns implemented in python
design design-pattern design-patterns design-system design-systems designing-classes designing-good-methods designing-interactive-systems patterns system system-design system-design-interview system-design-primer system-design-project system-design-questions
Last synced: 13 Jan 2025
https://github.com/mmalfertheiner/frontend-monorepo
Share design lib with multiple frontends
design-system monorepo nextjs reactjs storybook tailwindcss yarn-workspaces
Last synced: 08 Jan 2025
https://github.com/artursopelnik/style-dictionary-with-dark-mode
Style Dictionary with Dark Mode and TypeScript
design-system style-dictionary typescript
Last synced: 30 Dec 2024
https://github.com/mosaicra-ui/figma-designs
Mosaicra UI Figma Design System
design design-system figma figma-design hacktoberfest hacktoberfest-accepted hacktoberfest-approved hacktoberfest2024 hacktoberfest2024-approved mosaicra mosaicra-ui open-source resuable-component ui-library
Last synced: 21 Jan 2025
https://github.com/goh-chunlin/haneul
UX Standard Guidelines: Materialise the user values with upgraded total experience.
Last synced: 08 Jan 2025
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: 07 Jan 2025
https://github.com/mitevpi/obsidian
Lightweight design system for Vue.js based on expressive iteration using a minimal palette.
component-library components css design-system frontend javascript js library npm package scss vue vuejs web
Last synced: 21 Jan 2025
https://github.com/aherrahul/portfolio-v1
This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experience. Below is the link of my portfolio.
blog design-system nuxt nuxt3 nuxtjs portfolio portfolio-site portfolio-website rds rds-design-system resume resume-template resume-website tailwindcss vue vuejs vuejs3 vuex
Last synced: 15 Jan 2025
https://github.com/skrodrigo/design-system-kirvano
Esse projeto foi para um trabalho da faculdade para desenvolver um design system de uma plataforma famosa. A escolhida foi a Kirvano.
design-system sass trabalhos-academicos
Last synced: 04 Feb 2025
https://github.com/k3ury99/odyssey-agency
This is a design I made for a project, it's made in Mockitt one of the hundreds of interface editing applications currently available, it's inspired by a travel agency where it tries to convey the vibe of traveling around the world with a simple click, I hope you like it.
design-system figmadesign frontend mockitt
Last synced: 31 Jan 2025
https://github.com/agence-adeliom/awc-figma-devmode
A tool to optimize the design-to-code transition, for modern web development using AWC Design System.
design-system figma figma-plugin
Last synced: 28 Jan 2025
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
