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.

https://github.com/coryrylan/clarity-hugo

Example demo of using the Clarity Design System with Hugo

clarity-design design-system hugo

Last synced: 16 Oct 2024

https://github.com/neoground/neopren

The Neopren Design System

bootstrap design-system preact

Last synced: 02 Nov 2024

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: 31 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: 30 Oct 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/lukahartwig/not-a-design-system

This is not a design system.

component-library design-system react

Last synced: 25 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/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/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/lin3s/patternlibrarybuilder

Library that provides an elegant and easy way to develop a pattern library for your front-end components

design-system html pattern-library twig

Last synced: 07 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/danmad/oc-design-system

A design system developed for Open Colleges

design-system react user-interface

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/lunchboxav/governor-generator

Rust powered, React component generator, based on Figma API

design-system figma react rust ui-component

Last synced: 11 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/johackim/design-system

My personal design system

design-system react storybook tailwindcss

Last synced: 28 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/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/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/ryanatkn/moss

CSS framework ๐ŸŒฟ magical organic stylesheets

css css-framework design-system utility-classes web

Last synced: 02 Nov 2024

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

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

https://github.com/malcodeman/malcomponents

Collection of React components.

design-system react theming typescript

Last synced: 29 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/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/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/roll-network/tryrolljs

Entrypoint for Roll monorepo packages

design-system eslint feature-flags prettier react

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

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: 12 Oct 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/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/mehradi-github/ref-storybook

Building UI components and pages in isolation

design-system storybook

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/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/waterbinnn/waterbin-ui-kit

@waterbin/ui-kit ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ์šฉ ๋””์ž์ธ ์‹œ์Šคํ…œ

design-system pandacss reactjs storybook typescript vite

Last synced: 13 Oct 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/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/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: 11 Oct 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/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/waterbinnn/waterbin-design-system

@waterbin/design-system (deprecated)

design-system nextjs storybook styled-components

Last synced: 11 Oct 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/sujaykundu777/ritro-ui-components

Ritro UI - reusuable react components

design-system

Last synced: 11 Oct 2024

https://github.com/whizzes/exo

Svelte Components Library

components design-system library svelte

Last synced: 05 Nov 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/carcajadaartificial/lunchbox-css

CSS distribution for Lunchbox ๐Ÿฑ using GarliCSS ๐Ÿง„ and Sass Door ๐Ÿšช.

css design-system scss

Last synced: 06 Nov 2024

https://github.com/systemdes/system

Design foundations and components for my OS

assets astro branding components design design-system materials principles

Last synced: 13 Oct 2024

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: 07 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/dvhb/ui

components for dvhb design system

design-system react react-native uikit

Last synced: 05 Nov 2024

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: 06 Nov 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/gyeonghokim/gyeongho-design-system

Design System for My Business

design-system lit

Last synced: 07 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/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/mauricioromagnollo/ignite-call

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

Last synced: 18 Oct 2024

Design system Awesome Lists
awesome-design 428 Awesome-Design-Tokens 229 awesome-design-systems 102 awesome-design-language-system 109 Awesome-CSS-Resources 234 awesome-russian-design-systems 52
Design system Categories
Articles 1,497 Frameworks / Resources 236 Design systems 228 Read and Digest 167 Design tokens 124 Stock 70 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Icon and Logo 38 Color 37 Typography 30 Tools 29 Slides, Videos, Podcasts 27 Pattern library 25 Conference and Festival 23 Design system 23 Plugins 23 Toolkit 20 Podcast 20