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-06 00:07:35 UTC
JSON Representation

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: 09 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/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/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/johackim/design-system

My personal design system

design-system react storybook tailwindcss

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

Entrypoint for Roll monorepo packages

design-system eslint feature-flags prettier react

Last synced: 01 Nov 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/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/akimalunar/ceryl-design-seed

Design System boilerplate

design-system emotion javascript storybook

Last synced: 17 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/leandrolimadeveloper/design-system-app

Design System

design-system react storybook

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

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

Last synced: 18 Oct 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/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/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/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/lukahartwig/not-a-design-system

This is not a design system.

component-library design-system react

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