Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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-19 00:07:26 UTC
JSON Representation

https://github.com/mrlizhaozhi/accessible-design-system-framework

这是一款设计系统和开发框架，可以帮助开发者提速开发可访问、统一且优质的用户界面。

design-system full-stack-web-development server-side-applications ux-design web-applications web-design

Last synced: 10 Nov 2024

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: 14 Nov 2024

https://github.com/datum-consulting-nz/datum-design-system

Datum Consulting NZ's design system

design-system reactjs

Last synced: 07 Nov 2024

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: 31 Oct 2024

https://github.com/plurid/carved-ui

Carved User Interface Library of Components [Desearch Concept]

design-system react user-interface

Last synced: 07 Nov 2024

https://github.com/sujaykundu777/ritro-ui-components

Ritro UI - reusuable react components

design-system

Last synced: 14 Nov 2024

https://github.com/whizzes/exo

Svelte Components Library

components design-system library svelte

Last synced: 05 Nov 2024

https://github.com/leandrolimadeveloper/design-system-app

Design System

design-system react storybook

Last synced: 07 Nov 2024

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: 14 Nov 2024

https://github.com/jeric17/ag-ds

Design system using lit-element

design-system lit-element webcomponent

Last synced: 15 Nov 2024

https://github.com/di-dao/shoelace

Web Components for the Sonr Network. Forked from https://shoelace.style.

design-system react tailwindcss webcomponents

Last synced: 01 Oct 2024

https://github.com/fabian-kleine/cerberusui

A UI Library for when you have to create a doomsday app in Javascript

component-library components css css-components css-framework design-system javascript postcss react react-component-library react-components react-library typescript typescript-react ui-design ui-framework ui-library

Last synced: 11 Oct 2024

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: 08 Nov 2024

https://github.com/johanbook/aurora

A battery-included design system for React

design-system material-ui react

Last synced: 16 Nov 2024

https://github.com/casecommons/cbp-ds-in-css

Casebook DS styles in pure CSS (via SASS)

css design-system sass

Last synced: 15 Nov 2024

https://github.com/waterbinnn/waterbin-design-system

@waterbin/design-system (deprecated)

design-system nextjs storybook styled-components

Last synced: 11 Nov 2024

https://github.com/dbtedman/design-system

A fictional design system based around Web Components.

design-system react stencil vue

Last synced: 29 Oct 2024

https://github.com/dvhb/ui

components for dvhb design system

design-system react react-native uikit

Last synced: 05 Nov 2024

https://github.com/danmad/node-sass-token-importer

A module that extends node-sass by supporting the imports of cross-language design tokens

design-system parser tokens

Last synced: 15 Oct 2024

https://github.com/malcodeman/malcomponents

Collection of React components.

design-system react theming typescript

Last synced: 29 Oct 2024

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 Nov 2024

https://github.com/ryanatkn/moss

CSS framework 🌿 magical organic stylesheets

css css-framework design-system utility-classes web

Last synced: 02 Nov 2024

https://github.com/gabrielrabreu/oldones.sage_react

A React design system.

design-system react scss typescript

Last synced: 17 Nov 2024

https://github.com/gabrielrabreu/oldones.sage_react_boilerplate

A Boilerplate for Sage React Design System Library

boilerplate design-system react

Last synced: 17 Nov 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/afrijaldz/persona-layer

Module designed to simplify the process of installing Persona Design System for your application

design-system nuxt

Last synced: 16 Oct 2024

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: 21 Oct 2024

https://github.com/makotot/design-system-bookmarks

A collection of resources of design system.

collection design-system resources ui ui-components

Last synced: 24 Oct 2024

https://github.com/jonambas/proply

🔎 A tool to help explore your app's React component usage

design-system design-systems javascript react

Last synced: 21 Oct 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: 31 Oct 2024

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: 15 Nov 2024

https://github.com/louis-young/design-system-react

A React design system package.

component-library design-system design-system-react javascript npm package react shared typescript

Last synced: 15 Nov 2024

https://github.com/zepdev/design-system-zps-react-develop

Managed by TF

design-system storybook

Last synced: 25 Oct 2024

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: 15 Oct 2024

https://github.com/renderghost/bones

Design system for renderg.host

design-system react storybook tailwindcss vite

Last synced: 17 Nov 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: 15 Oct 2024

https://github.com/ferdodo/crumbs

A web component library

design-system ui-library web-components

Last synced: 15 Oct 2024

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: 19 Oct 2024

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: 17 Nov 2024

https://github.com/danmad/oc-design-system

A design system developed for Open Colleges

design-system react user-interface

Last synced: 15 Oct 2024

https://github.com/stylescape/stylescape

Stylescape Design Framework

css css-framework css3 design design-framework design-system framework graphic-language html html5 javascript sass scss scss-framework style stylescape typescipt typescript

Last synced: 15 Oct 2024

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: 01 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: 19 Oct 2024

https://github.com/zepdev/design-system-component-library-react-gh-pages

Managed by TF

design-system storybook

Last synced: 17 Nov 2024

https://github.com/zepdev/design-system-component-library-react-gh-pages-develop

Managed by TF

design-system storybook

Last synced: 17 Nov 2024

https://github.com/dashbrains/halo

[UNDER REWORK] DashBrains design system

component-library design-system react typescript

Last synced: 18 Nov 2024

https://github.com/zepdev/zeppelin-element-library-vue

Vue Components for Zeppelin Element Library

design-system

Last synced: 17 Nov 2024

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: 19 Oct 2024

https://github.com/nhsuk/design-system-testing

Testing design styles, components and patterns for the NHS digital service manual (design system).

design-system testing

Last synced: 08 Nov 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/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/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: 26 Sep 2024

https://github.com/78-artilleryman/pluma_design-system

웹소설 작가들을 위한 서비스

design-system nextjs14 nx react storybook tailwindcss typescript

Last synced: 13 Oct 2024

https://github.com/lukahartwig/not-a-design-system

This is not a design system.

component-library design-system react

Last synced: 25 Oct 2024

https://github.com/marcosviniciusjau/05-design-system

This is the design system of ignite-ui, learned on Rocketseat

design-system react

Last synced: 05 Nov 2024

https://github.com/ddamato/damato.design

DAMATO Design System

design-system design-system-manager design-systems

Last synced: 11 Nov 2024

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: 25 Oct 2024

https://github.com/clinia/clinia-ui

React-based design system for healthcare apps.

chakra-ui design-system react uikit

Last synced: 10 Nov 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: 07 Nov 2024

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/mauricioromagnollo/ignite-call

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

Last synced: 18 Oct 2024

https://github.com/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 14 Oct 2024

https://github.com/murshidazher/monorepo-styleguide

✏️️ A monorepo styleguide using lerna, storybook and etc..

design-system lerna library monorepo scalable storybook styled-components

Last synced: 08 Nov 2024

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: 14 Oct 2024

https://github.com/zepdev/design-system-zps-react-prod

Managed by TF

design-system storybook

Last synced: 01 Nov 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/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/bytrangle/spinwheel

The vanilla Javascript game to help you stay mildly fit.

css-animations css-variables design-system javascript javascript-game

Last synced: 13 Oct 2024

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: 18 Nov 2024

https://github.com/akimalunar/ceryl-design-seed

Design System boilerplate

design-system emotion javascript storybook

Last synced: 17 Oct 2024

https://github.com/roll-network/tryrolljs

Entrypoint for Roll monorepo packages

design-system eslint feature-flags prettier react

Last synced: 01 Nov 2024

https://github.com/clinia/clinia-ui-legacy

React-based design system for healthcare apps.

chakra-ui design-system react uikit

Last synced: 18 Nov 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: 13 Oct 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/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