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-15 00:07:49 UTC
- JSON Representation
https://github.com/x-govuk/govuk-decorated-components
Form components for the GOV.UK Design System that require less parameters to collect data.
components design-system govuk prototyping
Last synced: 02 Jan 2025
https://github.com/git-marcopitra/fuerza-studio-react-challenge
clean design-system javascript react solid styled-system typescript
Last synced: 29 Dec 2024
https://github.com/commonhorizoncommun/design-system
Design system for Common Horizon / Horizon commun.
atomic-design design-system design-tokens eleventy
Last synced: 14 Oct 2024
https://github.com/waterbinnn/waterbin-design-system
@waterbin/design-system (deprecated)
design-system nextjs storybook styled-components
Last synced: 10 Jan 2025
https://github.com/newdesignfile/foundations
A semantic, BEM-based UI framework.
colors design design-system desktop effects foundations mobile spacings typography ui-design
Last synced: 01 Feb 2025
https://github.com/inclusive-design/wecount-design-system
Design system for We Count.
atomic-design design-system design-tokens eleventy
Last synced: 14 Oct 2024
https://github.com/swapnilsachan03/generic-ds
A very generic & open-source design system for developers to quickly build customizable UIs without hassle.
design-system storybook typescript
Last synced: 09 Feb 2025
https://github.com/zepdev/design-system-component-library-react-gh-pages-develop
Managed by TF
Last synced: 18 Jan 2025
https://github.com/datum-consulting-nz/datum-design-system
Datum Consulting NZ's design system
Last synced: 27 Dec 2024
https://github.com/zepdev/design-system-component-library-react-gh-pages
Managed by TF
Last synced: 18 Jan 2025
https://github.com/jairodoni/design-system-ignite
Ignite UI é uma feature de componente semiprontos desenvolvido durante o bootcamp Ignite. O projeto usa dos padrões de design system vistos no Ignite.
design-system ignite-reactjs reactjs rocketseat storybook
Last synced: 23 Jan 2025
https://github.com/vagnerbellacosa/050_designsystemcomocriarprototiponavegacaomockupappsmobile
Design System: Como criar protótipo, navegação e mock-up para apps mobile
design-system digital-innovation-one figma labs mock ui ux
Last synced: 03 Jan 2025
https://github.com/zepdev/zeppelin-element-library-vue
Vue Components for Zeppelin Element Library
Last synced: 18 Jan 2025
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: 02 Feb 2025
https://github.com/gabrielrabreu/oldones.sage_react_boilerplate
A Boilerplate for Sage React Design System Library
boilerplate design-system react
Last synced: 17 Jan 2025
https://github.com/gah-code/modern-component-arch
Styled component workshop
css design-system javascript react styled-components
Last synced: 04 Jan 2025
https://github.com/theikon/liftkit-scss
A lightweight Sass framework for clean, minimalist designs, featuring M3 colors, optical kerning, and unique golden ratio spacing.
design-system sass sass-framework
Last synced: 17 Jan 2025
https://github.com/gyeonghokim/gyeongho-design-system
Design System for My Business
Last synced: 29 Dec 2024
https://github.com/cds-snc/gcds-fonts
GC Design System Fonts provides the fonts used within GC Design System.
canada design-system government government-canada
Last synced: 11 Jan 2025
https://github.com/divriots/starter-kicks
A Shoelace based design system as a starter kit for Backlight
backlight design-system shoelace webcomponents
Last synced: 12 Jan 2025
https://github.com/roll-network/tryrolljs
Entrypoint for Roll monorepo packages
design-system eslint feature-flags prettier react
Last synced: 22 Nov 2024
https://github.com/prosazhin/mixin-dictionary
Creating mixins from design tokens for LESS and SCSS.
build-system build-tool css design design-system design-tokens design-tool dictionary less mixin scss style system tokens tool
Last synced: 12 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: 02 Feb 2025
https://github.com/bytrangle/spinwheel
The vanilla Javascript game to help you stay mildly fit.
css-animations css-variables design-system javascript javascript-game
Last synced: 24 Jan 2025
https://github.com/courthub74/luminexsquares
First iteration of the landing page for Luminex Solutions L.L.C.
design-system frontend-development iteration web
Last synced: 12 Jan 2025
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: 02 Feb 2025
https://github.com/danielmascena/dsgov-wc
Web Components for DSGOV (Brazilian Government Design System)
css css3 design-system html5 javascript-library stenciljs theme-ui typescript webcomponents
Last synced: 26 Jan 2025
https://github.com/gah-code/haro-photo-website
Photography project using design tokens and SCSS for modular design, Vite for quick builds and image optimization, and Cloudinary for asset delivery. Netlify handles SEO, marketing forms, and A/B testing for an optimal user experience.
design-system image-processing scss vite
Last synced: 07 Feb 2025
https://github.com/sebastianmb-it/cti-design
CTI Design provides base and complex components to support the building of powerful communication platforms.
components design-system react react-hooks typescript
Last synced: 12 Jan 2025
https://github.com/rafaumeu/ignite-call-design-system
modular Design System 🚀 built with TypeScript and React ⚛️. Features customizable components 🛠️, design tokens 🎨, and comprehensive style guides 📚. Includes shared configs for TypeScript and ESLint 📝. Perfect for crafting consistent, scalable UIs across applications 🌐.
component-library design-system design-tokens eslint-config monorepo react react-components style-guide theming typescript typescript-config ui-components ui-library yarn-workspaces
Last synced: 26 Jan 2025
https://github.com/saidee-hasan/panda-commerce
Welcome to Panda Commerce, your one-stop shop for the latest and greatest in technology! This project showcases the Redmi Note 11, a powerful smartphone that combines performance, style, and affordability.
best css design design-system html javascript
Last synced: 12 Jan 2025
https://github.com/vcolesdev/sb-mizu-design-system
WIP. Mizu Design System. A personal design system generated with Storybook.
buttons components components-library components-react design design-patterns design-system forms storybook typescript typescript-react typography
Last synced: 24 Jan 2025
https://github.com/ayaa-hassan/portfolio-tailwindcss-react
Portfolio-Tailwind-React
css-grid css3 design-system front-end-development javascript json jsx portfolio portfolio-website project react react-icons reactjs tailwind tailwindcss vite
Last synced: 18 Jan 2025
https://github.com/herrsascha/variablescout-docs
The Essential Power Tool for Streamlined Variable Management. Effortlessly visualize, organize, and optimize your variables and nodes with various features designed to supercharge your workflow.
design design-system figma figma-plugin nodes ux variables
Last synced: 24 Jan 2025
https://github.com/divriots/starter-vue3-waveui
backlight design-system vue vue3 waveui
Last synced: 12 Jan 2025
https://github.com/leondejong/styleguide-starterkit
Styleguide Starterkit
bem boilerplate css design-system example html sass scss starterkit styleguide
Last synced: 01 Feb 2025
https://github.com/nucoui/nuco
Full framework Design system
design-system react vue web-components
Last synced: 24 Jan 2025
https://github.com/m-u-c-k-a/css-reset
Reset CSS width default Design System
css-reset default-design design-system front-end reset-css user-interface web-development
Last synced: 13 Jan 2025
https://github.com/joseph0926/harmony-ui
A sophisticated design system built on Radix UI with fluid animations powered by Framer Motion
design-system framer-motion tailwindcss
Last synced: 26 Jan 2025
https://github.com/megadev007/event_plan
This Next.js website seamlessly integrates filter routing, nested routing, and advanced JavaScript logic. Navigating through its dynamic content becomes intuitive and efficient, offering an engaging user experience.
css design-system javascript next reactjs
Last synced: 13 Jan 2025
https://github.com/soujvnunes/ui-tokens
Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.
css3-custom-properties design-system design-tokens responsive-design typescript
Last synced: 19 Jan 2025
https://github.com/pedrohenrikle/design-system
Design System made for projects related to Rocketseat's Ignite track
design-system javascript react reactjs stitches storybook storybook-addon typescript ui ux
Last synced: 24 Jan 2025
https://github.com/xandros9/landify-landing-page
Landify V2 (Free Version) landing page design
components design-system kit landing-page ui web website website-design
Last synced: 19 Jan 2025
https://github.com/mmncit/web-ds
Web frontend design system to leverage re-usable react components
design-system matrial-ui playground-project react storybook typescript
Last synced: 19 Jan 2025
https://github.com/clinia/clinia-ui-legacy
React-based design system for healthcare apps.
chakra-ui design-system react uikit
Last synced: 19 Jan 2025
https://github.com/filipamarta/nim-game
Nim is a game for 2 players. Given a heap of 13 matches, on every move, a player must take 1, 2 or 3 matches from the heap, until no matches are left. The player who draws the last match loses. There are many variations of the Nim game, this one is called misère game (on one row or heap).
design-system react styled-components testing-library typescript
Last synced: 07 Feb 2025
https://github.com/selfishprimate/figma-tokens-automation
This project is ment to be a ready-to-use design tokens automation tool for your multi-brand design system projects.
design-system design-token design-tokens figma figma-export figma-to-json figma-tokens style-dictionary
Last synced: 19 Jan 2025
https://github.com/srvycool/ds
design system
design-system react semantic-release styled-components typescript
Last synced: 12 Jan 2025
https://github.com/khriztianmoreno/reactjs-storybook-demo
⚛️📖 Design Systems with ReactJS in Storybook
demo design-system react reactjs slides storybook talk
Last synced: 07 Feb 2025
https://github.com/pierre-jezegou/rails-design-system
A design system built with Rails and ViewComponents, offering a modular architecture to create elegant, reusable, and maintainable user interfaces. 🚀
design-system rails viewcomponents
Last synced: 24 Jan 2025
https://github.com/fucinastudio/fucina
Open source product foundry
design-system docs documentation fucina nextjs open-source storybook tailwindcss typescript vercel website
Last synced: 10 Feb 2025
https://github.com/hashimsaffarini/doctor_system
The doctor system is a flutter application for booking appointments with the doctor and some additions that facilitate dealing with the doctor’s office
api cubit-bloc design-system firebase flutter localization mvvm-architecture sharedpreferences
Last synced: 24 Jan 2025
https://github.com/mauricioromagnollo/ignite-call
An study case about monorepo and design system.
design-system monorepo nodejs turborepo
Last synced: 02 Feb 2025
https://github.com/pedrolucasaraujo/nextjs_calendar
design-system monorepo packages polished react stitches storybook tokens turborepo typescript vite
Last synced: 25 Jan 2025
https://github.com/qrailibs/smoothui
✨ Smooth UI Kit library with components for Vue 3.
Last synced: 31 Jan 2025
https://github.com/gabriel4420/agenciax
A proposta do projeto é estudar sobre como fazer sites modernos e layouts com design profissional para uma agência ficticia, chamada agência X. Além de ser um dos projetos do curso HTML e CSS: O inicio da udemy.
css3 design-system html5 responsive-web-design user-experience-design
Last synced: 24 Dec 2024
https://github.com/gabriel4420/calculadoraimc
Projeto do curso de criação de apps Android e IOS com flutter - Daniel ciofilli
dart design-system flutter-apps flutter-widgets widgets
Last synced: 24 Dec 2024
https://github.com/sirajcode/design_source
💻 Design source is simple html css reset and classes ui design system.
css css3 design-system design-systems html5 ui user-interface
Last synced: 31 Jan 2025
https://github.com/rafinhaa/design-system
design-system front-end reactjs stitches typescript
Last synced: 31 Jan 2025
https://github.com/gabriel4420/twitchtvclone
A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.
design-system desing-patterns react react-hooks react-native react-navigation styled-components
Last synced: 24 Dec 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: 08 Feb 2025
https://github.com/gardenjs/render-plugin-svelte
Plugin for rendering Svelte components in gardenjs.
component-library components design-system documentation gardenjs javascript stories storybook styleguide svelte testing ui ui-components web-components
Last synced: 08 Feb 2025
https://github.com/egesiapres/scarface-site
My university project of the Visual Communication laboratory. The website has been designed using Figma and written using HTML and CSS
css3 design design-system figma html5 laboratory mockup prototype responsive-design university-project web-design web-development website wireframe
Last synced: 25 Jan 2025
https://github.com/gabriel4420/recriando-a-pagina-inicial-do-insta
Este é um projeto feito pela digital innovation one e adaptado por mim, dentro deste projeto foi transpassado lições sobre : HTML5 e CSS3.
css-grid css3 design-system digital-innovation-one flexbox-css html5
Last synced: 24 Dec 2024
https://github.com/leandro-mancini/ditto
Crie aplicativos escaláveis e acessíveis com facilidade.
angular css-in-js csstype dark-mode design-system design-tokens docusaurus emotion preact react react-native ui web-components
Last synced: 27 Oct 2024
https://github.com/gabriel4420/mybank
O mybank foi um site feito com base no site official da nubank, para o entendimento da lógica de design e protótipação de sites e telas para sites modernos.
design-system html-css-javascript user-experience user-interface
Last synced: 24 Dec 2024
https://github.com/rafi1999/foodie-land
FoodieLand
design design-system html-css-javascript reactjs tail ui-design vercel
Last synced: 07 Feb 2025
https://github.com/gabriel4420/tributesilviosantos
A proposta do site é exercitar sobre CSS, design de interfaces e design de web-sites.
design-system interface website
Last synced: 24 Dec 2024
https://github.com/gabriel4420/conversor_moedas
A proposta do conversor de moedas, é calcular e converter apartir de uma api, o valor das moedas: Real,Dolar e Euro.
api-request dart design design-system flutter flutter-apps flutter-widget udemy-course user-experience-design user-interface
Last synced: 24 Dec 2024
https://github.com/gabriel4420/jakepainting
A proposta do esboço é treinar animações simples, além da compreensão de flexbox e design de componentes.
animation-css css-animations design-system flexbox-css html-semantics html5
Last synced: 24 Dec 2024
https://github.com/inthepocket/hubble-adobexd-plugin
🌈 Adobe XD plugin to extract assets and primitives and send them to Hubble.app
adobexd adobexd-plugin design-system hubble hubble-adobexd-plugin hubble-design-system hubble-oss inthepocket
Last synced: 16 Nov 2024
https://github.com/nhsuk/design-system-testing
Testing design styles, components and patterns for the NHS digital service manual (design system).
Last synced: 08 Nov 2024
https://github.com/zeroheight-demos/example-airorange-app
A small example application uses our AirOrange design system
components components-react design-system
Last synced: 27 Dec 2024
https://github.com/duyquang6/when-things-might-fail
Break up your illusion about a high availability or a strong consistency system
design-system might-fail what-if
Last synced: 13 Jan 2025
https://github.com/akimalunar/ceryl-design-seed
Design System boilerplate
design-system emotion javascript storybook
Last synced: 02 Feb 2025
https://github.com/paoloprodossimolopes/venuz
Venuz is a desing system component to create user interfaces with flexibility and style in every composition.
apple design-system swift swiftui uikit
Last synced: 06 Feb 2025
https://github.com/di-dao/shoelace
Web Components for the Sonr Network. Forked from https://shoelace.style.
design-system react tailwindcss webcomponents
Last synced: 26 Jan 2025
https://github.com/ahmetarsiv/interfeys
Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.
components design-system frontend javascript lit typescript web-components
Last synced: 26 Jan 2025
https://github.com/theelegantcoding/solid_template_webpage
📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.
clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development
Last synced: 02 Feb 2025
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: 01 Feb 2025
https://github.com/theelegantcoding/universal_cli
🛰️ Universal CLI is a command-line interface (CLI) tool that provides a wide range of utilities for programmers. It is designed to be a one-stop shop for developers, with tools for everything from template genarition to code managment.
clean-architecture clean-code design-system performance pnpm
Last synced: 02 Feb 2025
https://github.com/danmad/oc-design-system
A design system developed for Open Colleges
design-system react user-interface
Last synced: 01 Feb 2025
https://github.com/iconshot/paletto
On-demand systematic CSS framework.
css design design-system javascript
Last synced: 05 Dec 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: 01 Feb 2025
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: 01 Feb 2025
https://github.com/alfianandinugraha/react-component-lib
📦 Example React Component Library using Gulp + Rollup + Typescript + Storybook.
component design-system gulp library react rollup storybook typescript
Last synced: 01 Feb 2025
https://github.com/ali-sanad/storybook-demo-app
Storybook Demo App
design-system documentation netlify react storybook typescript vite
Last synced: 05 Jan 2025
https://github.com/standardkit/styles
Styles for the StandardKit Design & Component System. Configurable & Extendable. Use it with components to quickly build your web platform!
css design-system scss scss-framework standardkit
Last synced: 19 Dec 2024
https://github.com/daraperini/learning-react-typescript-design-system-alurabooks
This design system was created and is availabel in the npm package 'ds-alurabooks-dara-perini'
auto design-system github-actions npm-package storybook styled-components
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
https://github.com/najwer23/resume
Résumé
a4-paper cv design-system emotion frontend javascript pdf-document react resume resume-website typescript vite
Last synced: 27 Dec 2024
https://github.com/nazchini/space-travel
A multipage, responsive website on space travel (Pure JS) that strives for AA accessibility compliance.
accessibility css design-system javascript
Last synced: 02 Jan 2025
https://github.com/waterbinnn/waterbin-ui-kit
@waterbin/ui-kit 개인 프로젝트용 디자인 시스템
design-system pandacss reactjs storybook typescript vite
Last synced: 13 Oct 2024