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/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/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/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/mauriciogirardi/girardi-ui-design
design system
cicd design-system npm radix reactjs stiches tokens
Last synced: 27 Dec 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/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/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/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/vitormesquita/jerasystem
design design-system ios layout swift
Last synced: 21 Jan 2025
https://github.com/daguttt/ecoactualizate
Sitio web informativo. Diseñado con Figma. Desarrollado con HTML, CSS y Vanilla JavaScript
css design-system figma flexbox html js scripts
Last synced: 17 Dec 2024
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/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: 23 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/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/zepdev/zeppelin-element-library
Element Library as a styleguide solution for Zeppelin
Last synced: 18 Jan 2025
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/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/bkdev98/innoteq-design-system
🧜🏿♂️
design-system gatsbyjs reactjs styled-components styled-system
Last synced: 17 Dec 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: 11 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/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/alaskaairlines/auro-menu
Custom element that provides a list of options for the user to choose from
auro custom-element design-system generator-v4-4-5
Last synced: 21 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/inthepocket/react-shared-component-library-demo
👨🏫Demo showcase of using react-native-web for shared component libs between React & React Native
design-system itp itp-rn-academy react react-native react-native-web react-shared-component-library
Last synced: 16 Nov 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/alaskaairlines/auro-select
Combo custom element containing pre-defined trigger options with menu in the dropdown panel
auro custom-element design-system generator-v4-3-2
Last synced: 21 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/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/starknightt/login-page
This project is a beautifully designed and responsive login page that draws inspiration from the iconic Instagram platform. With a clean and modern aesthetic, it provides an engaging user experience for your web application. Don't forget to give it a star ⭐if you liked it.
beautfiul color-grading color-scheme css css3 design-system html html5 login login-page
Last synced: 12 Jan 2025
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: 13 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/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/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/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/wealthbar/peak-style
Base style for the Peak Design System - includes only basic elemental styling and themes, no layout or structure patterns
Last synced: 17 Jan 2025
https://github.com/wesleey/stackup-ui
Simple demo design system developed using Stitches.
design-system radix-ui react react-components stitches
Last synced: 01 Feb 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/amirzenoozi/react-morph-design
Simple UI Component Base On Morph Design
component design-system morphdesign react typescript ui-components ux-design webpack
Last synced: 21 Jan 2025
https://github.com/matteusan/hashi-themes
Themes for Dev Protocol's Hashi design system made by the community
css design-system dev-protocol hashi html scss theme themes theming ui
Last synced: 18 Jan 2025
https://github.com/behzadam/patterns
Learn and apply TypeScript design patterns through practical examples and code snippets.
design-pattern design-patterns design-system patterns typescript
Last synced: 18 Dec 2024
https://github.com/eylatamsouth/beyondstyle
Library of shared components of BeyondLabs
Last synced: 22 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/chepetime/stencil-design-system
UI Component Library Template with Stencil and Turborepo
design-system stenciljs turborepo
Last synced: 29 Dec 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: 27 Nov 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/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/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/faustinopsy/atomic-designer
O design atômico é um processo iterativo em que cada um dos componentes (átomos, moléculas, organismos, modelos e páginas) são reunidos até chegarmos ao resultado esperado, e como é um processo iterativo podemos receber feedback mais feedback rápido do nosso cliente desde o primeiro dia até o momento em que geramos nossos primeiros átomos.
atomic-design css design-system html javascript spa
Last synced: 29 Jan 2025
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: 17 Dec 2024
https://github.com/codegouvfr/rescript-react-dsfr
🇫🇷 ReScript bindings for react-dsfr
design-system dsfr react rescript
Last synced: 11 Jan 2025
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/neoground/neopren
The Neopren Design System
bootstrap design-system preact
Last synced: 20 Dec 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: 13 Jan 2025
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/abhilash26/varify
Varify is a highly configurable, responsive library of style-agnostic CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles.
css css-utilites css-variables design-system
Last synced: 23 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/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: 10 Jan 2025
https://github.com/romeusorionaet/design-system-ignite
Design-system desenvolvido em aula
design-system reactjs rocketseat typescript
Last synced: 12 Jan 2025
https://github.com/alaskaairlines/auroreactdemo
An example React App with Auro Components integrated
Last synced: 22 Jan 2025
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/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/alaskaairlines/auroangulardemo
An example Angular App with Orion Components integrated
angular demo design-system orion
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/aurocore-swatch
custom-element design-system orion web-component
Last synced: 22 Jan 2025
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 Jan 2025
https://github.com/focela/theme
A customizable React theming library for consistent, scalable, and efficient UI design.
customizable design-system focela frontend react theme theme-provider theming ui
Last synced: 30 Dec 2024
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/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/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: 16 Jan 2025
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: 16 Jan 2025
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/johanbook/aurora
A battery-included design system for React
design-system material-ui react
Last synced: 16 Jan 2025
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/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/persephonepunch/sveltedesign-system
Webflow conversion to Svelte Components
Last synced: 05 Jan 2025
https://github.com/buildit/online-ask-design-system
Ask not what your Design System - online presentation
atomic-design design-patterns design-system design-systems designsystem pattern-lab
Last synced: 04 Feb 2025
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/soujvnunes/themizer
Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.
css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design
Last synced: 09 Jan 2025
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: 19 Dec 2024
https://github.com/corllete/apos-ds
Design system / pattern library bundle for Apostrophe CMS v3
apostrophe apostrophecms design-system mongodb nunjucks nunjucks-components pattern-library story
Last synced: 14 Nov 2024
https://github.com/herokwon/herokwon-ui
Design System by Turborepo + Storybook + Changesets
changesets design-system storybook turborepo
Last synced: 04 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/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/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/mathhetru/p14_hrnet
Switch a jQuery library to React
design-system npm primereact react store tailwindcss typescript vite zustand
Last synced: 24 Dec 2024
https://github.com/initdc/apple-ui
An ui kit with many components looks like apple.com website.
Last synced: 20 Jan 2025
https://github.com/vickttor/ignite-reactjs-design-system
This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.
changesets cicd design-system monorepo react storybook tsup turborepo typescript
Last synced: 22 Jan 2025
https://github.com/teambuzzle/bds
buzzle design system
design-system react styled-components typescript
Last synced: 19 Dec 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/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/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/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/betagouv/figpot
Figma to Penpot converter and synchronizer, to not maintain multiple platforms 🎨🖌️
adobe-xd cloner converter design-system exporter figjam figma figma-plugin framework-ui mockup penpot sketch synchronizer transformer
Last synced: 02 Dec 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/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/herokwon/herokwon-ds
Personal design system
design-system nextjs react storybook tailwindcss
Last synced: 13 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: 05 Feb 2025
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/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