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-09 00:08:00 UTC
- JSON Representation
https://github.com/casecommons/cbp-ds-in-css
Casebook DS styles in pure CSS (via SASS)
Last synced: 15 Jan 2025
https://github.com/madetech/rnd-design-system
common design system for back-office interfaces
Last synced: 25 Jan 2025
https://github.com/daniel-portela/projetos-webdesign
Aqui você encontrará exemplos de trabalhos que refletem meu domínio em Web Designer, edição de imagens, dentre outros.
design design-system web-development website
Last synced: 22 Jan 2025
https://github.com/simonwhatley/nhsuk-design-system-snippets-atom-package
This Atom package includes snippets to help build the UK's NHS digital services.
atom atom-package design design-system nhsuk nunjucks package snippets
Last synced: 19 Nov 2024
https://github.com/simonwhatley/govuk-prototype-kit-macros
A code kit for building UK Government digital service prototypes built with v6.3.0 of the prototype kit
code design-system govuk nunjucks patterns prototype-kit prototyping template-library
Last synced: 19 Nov 2024
https://github.com/sujaykundu777/ritro-ui-components
Ritro UI - reusuable react components
Last synced: 14 Jan 2025
https://github.com/ingridevv/desafio-ux-dio
Projeto de UX do curso Formação UX da plataforma Digital Innovation One.
course-projects design-system dio-bootcamp prototype ui-design ux-design ux-designer ux-experience ux-ui
Last synced: 09 Jan 2025
https://github.com/avalladaresm/breeze-ui-docs
Documentation repository for Breeze-UI docs site https://avalladaresm.github.io/breeze-ui-docs/docs/intro
design-system frontend react tailwindcss ui-components
Last synced: 23 Dec 2024
https://github.com/systemdes/system
Design foundations and components for my OS
assets astro branding components design design-system materials principles
Last synced: 22 Jan 2025
https://github.com/camillamendess/projeto-designsystem
Este projeto utiliza Next.js, Tailwind CSS e Storybook para a criação de uma biblioteca de componentes reutilizáveis e escaláveis.
design-system nextjs react storybook tailwindcss
Last synced: 07 Dec 2024
https://github.com/renanfachin/rs_ig_designsystemui
Design System contento os componentes
design-system ignite-react storybook
Last synced: 30 Jan 2025
https://github.com/bendomey/poly-ui
A design system 😋 that has an opinionated API ❤️, modular and accessible cool ui components for faster development 🥂.
components design-system react robustness ui-design
Last synced: 16 Jan 2025
https://github.com/marcosviniciusjau/05-design-system
This is the design system of ignite-ui, learned on Rocketseat
Last synced: 23 Dec 2024
https://github.com/derianandre/responsive-font-size-system
A simple yet powerful responsive font size system for SASS
design-system font-size responsive sass scss
Last synced: 23 Dec 2024
https://github.com/felipenobrg/design-system
My studies about design system.
Last synced: 09 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/dvhb/ui
components for dvhb design system
design-system react react-native uikit
Last synced: 23 Dec 2024
https://github.com/chermann-king/personal-finance-app
This is my solution to the 23th challenge I answered proposed by FRONTENDMENTOR.IO
accessibility design-system figma nextjs14 tailwind-css typescript vercel
Last synced: 16 Jan 2025
https://github.com/eduardogomesf/ignite-design-system
A design system created during @Rocketseat's 2022/2023 Bootcamp
design-system eslint frontend react rocketseat typescript
Last synced: 23 Jan 2025
https://github.com/dariadia/daria-s-design-system
https://www.npmjs.com/package/daria-s-design-system
Last synced: 22 Jan 2025
https://github.com/andradeleo/tuuing
Design system desenvolvido em angular
angular design-system nx-workspace
Last synced: 22 Jan 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/garthdb/design-token-attributes
A mono repo for managing design token contexts
design-system monorepo postcss styledictionary stylelint
Last synced: 28 Jan 2025
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: 28 Jan 2025
https://github.com/rathod-shubham/ml-design-question.
Master the fundamentals of machine learning topics by coding and studying design questions.
ai algorithms artificial-intelligence coding design-patterns design-system machine-learning machine-learning-algorithms python3
Last synced: 22 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/theoryofnekomata/viewfinder
Layout scaffolding for Web apps.
design design-system layout react scaffolding template
Last synced: 12 Jan 2025
https://github.com/studio24/design-system
Simple documentation-first tool to build a static design system
Last synced: 13 Nov 2024
https://github.com/jesusgraterol/uipalettes
uipalettes is a Progressive Web App (PWA) that provides web developers access to a curated library of high-quality color palettes that fully comply with the Web Content Accessibility Guidelines (WCAG).
accessibility colors design design-system palette palette-generation palettes ui ui-components uikit user-interface utilities utility-application wcag
Last synced: 17 Jan 2025
https://github.com/alaskaairlines/auro-drawer
Custom element that displays additional information over page content
auro custom-element design-system generator-v4-3-2
Last synced: 22 Jan 2025
https://github.com/the-nexim/design-system
List of components and utilities for building web applications with Nexim's design system powered by Material Design 3.
design-system material-design material-ui
Last synced: 10 Jan 2025
https://github.com/alaskaairlines/auro-card
Custom element for the purpose of providing a flexible way to convey a summary of information
auro custom-element design-system generator-v4-5-6
Last synced: 22 Jan 2025
https://github.com/matheusandrade23/ignite_react
Repositório que apresenta a certificação/projetos desenvolvidos durante aulas/desafios do curso de React do Ignite da Rocketseat.
certificate design-system nextjs reactjs storybook typescript
Last synced: 17 Dec 2024
https://github.com/alaskaairlines/aurodocssite
Repository for the management of the Auro doc site
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/auro-loader
A custom element for the purpose of illustrating animated loaders
auro custom-element design-system
Last synced: 22 Jan 2025
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: 06 Feb 2025
https://github.com/alaskaairlines/auro-cli
A cli tool to support the Auro Design System
Last synced: 22 Jan 2025
https://github.com/alaskaairlines/aurojavascriptdemo
An example frameworkless project with Orion Components integrated
demo design-system javascript orion
Last synced: 22 Jan 2025
https://github.com/iaematt/ignite-design-system
Design system developed in ignite lab [rocketseat]
design design-system javascript storybook tailwind tailwindcss typescript ui uikit
Last synced: 01 Jan 2025
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/datum-consulting-nz/rasatech-design-system
RasaTech design system implemeted in React.js
component-library design design-system reactjs
Last synced: 10 Feb 2025
https://github.com/alaskaairlines/aurovuedemo
Demo app created with Vue and Auro Web Components
Last synced: 22 Jan 2025
https://github.com/kostastepetes/elegant-design-system
🖋 elegant. is a slick, simple and clean Design System that can be used as a SASS/CSS boilerplate template for your next project.
css css-boilerplate css-template design-system sass scss
Last synced: 10 Jan 2025
https://github.com/alaskaairlines/auro-solo
Custom element that ....
auro custom-element design-system generator-v4-5-1
Last synced: 22 Jan 2025
https://github.com/gardenjs/render-plugin-react
Plugin for rendering React components in gardenjs.
component-library components design-system documentation gardenjs javascript react stories storybook styleguide testing ui ui-components web-components
Last synced: 08 Feb 2025
https://github.com/alaskaairlines/aurokit
This is a non-functional repository for the auro-kit package.
Last synced: 22 Jan 2025
https://github.com/wzulfikar/unwind
Recreating designs for exploration and exercise.
design design-system react storybook tailwind
Last synced: 22 Jan 2025
https://github.com/jakwakwa/togglebutton-codingexcersise-jkotzee
A toggleswitch component for a technical challenge
design-system nextjs storybook toggle-switches
Last synced: 22 Jan 2025
https://github.com/demiinfinity/elementrix-ui
Elementrix-UI is an open-source, modular UI component library designed to simplify and enhance user interface development with reusable, framework-agnostic components.
component-library design-system frontend frontend-library modular open-source responsive scss stenciljs storybook typescript ui-components web-components
Last synced: 17 Jan 2025
https://github.com/thomasmassmann/example-storybook-vue-plone
Example Storybook.JS setup with Vue components
design-system plone storybookjs vue
Last synced: 09 Jan 2025
https://github.com/maiquinho/design-system
Design System by Ignite Lab 04 | Rocketseat.
design-system ignite-lab ignite-rocketseat react reactjs rocketseat typescript
Last synced: 16 Jan 2025
https://github.com/rodrigofontesdev/brutus-demo
Uma plataforma SaaS para MEIs ficarem em dia com suas obrigações fiscais e controlar o faturamento mensal do negócio.
api-rest atomic-design design-system laravel mobile-friendly php postgresql react saas storybook styled-components typescript
Last synced: 09 Jan 2025
https://github.com/thehikuro/react-components
design-system react storybook typescript
Last synced: 01 Feb 2025
https://github.com/afrijaldz/persona-layer
Module designed to simplify the process of installing Persona Design System for your application
Last synced: 06 Dec 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/mahmudhmh/alert-design-system
This repository contains a React component-based Alert Design System built with TypeScript and SASS preprocessor for styling.
design-system preprocessor reactjs sass sass-mixins typescript vite
Last synced: 19 Dec 2024
https://github.com/jsonmaur/sass-system
A style system generator and utility-first CSS framework
atomic-css css css-framework design-system functional-css responsive sass sass-framework scss style-system utility-classes
Last synced: 19 Dec 2024
https://github.com/artenlf/design-system
A Design-System on Storybook using React TypeScript and Stitches
design-system npm-package react storybook turborepo typescript
Last synced: 09 Jan 2025
https://github.com/oleksiikachan/ua-design-system
design-system react ui-components ui-design
Last synced: 09 Jan 2025
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/stefan-kanazir/design-system
design-system storybook styled-components ui-components
Last synced: 05 Jan 2025
https://github.com/carcajadaartificial/lunchbox-css
CSS distribution for Lunchbox 🍱 using GarliCSS 🧄 and Sass Door 🚪.
Last synced: 25 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
https://github.com/ingresse/aphrodite-react
Aphrodite React - Ingresse Design Systems
design-system frontend javascript react
Last synced: 30 Jan 2025
https://github.com/jeric17/ag-ds
Design system using lit-element
design-system lit-element webcomponent
Last synced: 15 Jan 2025
https://github.com/zeyadetman/gateway-managment-system-fe
axios axios-react chakra-ui design-system netlify reactjs typescript yup
Last synced: 17 Jan 2025
https://github.com/ddamato/damato.design
DAMATO Design System
design-system design-system-manager design-systems
Last synced: 10 Jan 2025
https://github.com/mobile-michel/color-design-system
Color Design System with Oklch
Last synced: 17 Jan 2025
https://github.com/sney-js/figma-powerset
Figma plugin that renders all permutations of a selected instance based on the values of its variant properties.
design-system documentation figma-plugin
Last synced: 25 Dec 2024
https://github.com/rafaelesantos/refds-ui
RefdsUI é uma biblioteca de componentes SwiftUI que fornece aos desenvolvedores a maneira mais fácil possível de criar novas telas para suas aplicações.
Last synced: 07 Jan 2025
https://github.com/panagiotispitsikoulis/landing.monorepo
Build stunning landing pages in minutes with Landing UI - the ultimate design system for React developers who want to ship faster. Think shadcn/ui, but specifically crafted for landing pages! 🚀
components design-system framer-motion landing-page nextjs radix-ui react shadcn typescript ui-library
Last synced: 02 Jan 2025
https://github.com/drsounds/space
Pure CSS-vars flexible CSS design system
bootstrap design design-system
Last synced: 03 Jan 2025
https://github.com/kmanadkat/advanced-react-patterns-project
Hotel Booking (learning) react project with Styled Components, Supabase Backend, React Query, Context API & more
context-api design-system react-hook-form react-hooks react-query reactjs styled-components supabase-js vite
Last synced: 30 Dec 2024
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/tcelestino/learn-programming
Learning programming with software development concepts with examples.
algorithms-and-data-structures design-patterns design-system programming software-development
Last synced: 15 Jan 2025
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/jonambas/sketch-reporter
A tool that calculates Sketch library usage across Sketch files.
design-system design-systems design-tools sketch ui-kit
Last synced: 04 Feb 2025
https://github.com/prosazhin/tailwind-dictionary
Creating a Tailwind Theme from design tokens
build-system build-tool design design-system design-tokens design-tool dictionary style system tailwind tailwind-theme theme tokens tool
Last synced: 10 Nov 2024
https://github.com/prosazhin/pbstyles
Basic styles for quick prototyping
css design design-system design-tokens design-tool less scss style system tailwind tailwind-theme theme tokens tool
Last synced: 10 Nov 2024
https://github.com/alessandro-maciel/alurabooks
design-system react react-router-dom styled-components
Last synced: 08 Jan 2025
https://github.com/ryancasf/padraoprojeto
Systems architecture and design.
architecture design-patterns design-system
Last synced: 10 Jan 2025
https://github.com/ktranish/unit
A React-based design system built for consistency and flexibility, with support for Tailwind CSS and utility-first styling.
design-system hooks react tailwindcss typescript
Last synced: 21 Dec 2024
https://github.com/datum-consulting-nz/datum-design-system
Datum Consulting NZ's design system
Last synced: 27 Dec 2024
https://github.com/jsimplicio/design-systems-info
https://designsystems.info/
Last synced: 08 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/joryphillips/macarons
Macarons is a design system with styled UI components for React projects
components-library design-system react ui
Last synced: 28 Dec 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/lucianakyoko/elementum-ds
Design System no front-end usando Storybooks, Next.js14 e TailwindCSS
atomic-design design-system nextjs14 storybook tailwindcss
Last synced: 26 Jan 2025
https://github.com/tavareshenrique/ihenrits-ui
A ihenrits-UI foi construída para facilitar sua vida na hora de criar interfaces.
design-system react storybook turborepo typescript ui
Last synced: 10 Jan 2025
