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/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/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/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/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/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/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/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/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/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/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/paraparata/superb

Design System experiment. Heavly influenced by arcade console style. Check `ts` branch.

component design-system react

Last synced: 07 Feb 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/afrijaldz/persona-layer

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

design-system nuxt

Last synced: 06 Dec 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/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/nucoui/nuco

Full framework Design system

design-system react vue web-components

Last synced: 24 Jan 2025

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/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/jeric17/ag-ds

Design system using lit-element

design-system lit-element webcomponent

Last synced: 15 Jan 2025

https://github.com/mobile-michel/color-design-system

Color Design System with Oklch

design-system github-pages

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

design-system refds swiftui

Last synced: 07 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/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/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/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/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/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/qrailibs/smoothui

✨ Smooth UI Kit library with components for Vue 3.

design-system ui uikit

Last synced: 31 Jan 2025

https://github.com/khao-ui-tools/khao-malet

A Design System

css design-system

Last synced: 08 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: 26 Jan 2025

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/xop/choom

Trusted UI companion for your next React/Vue/Svelte/CSS prototype.

component-library css design-system emotion prototyping react styled-components svelte ui vue

Last synced: 07 Jan 2025

https://github.com/mehradi-github/ref-storybook

Building UI components and pages in isolation

design-system storybook

Last synced: 26 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/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/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: 11 Feb 2025

https://github.com/icyds/icyds

icyDS - icy Design System

design-system jekyll-theme jekyll-themes

Last synced: 06 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/jsimplicio/design-systems-info

https://designsystems.info/

design-system design-systems

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

https://github.com/ferdodo/crumbs

A web component library

design-system ui-library web-components

Last synced: 15 Oct 2024

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

This design system helps developers to build accessible user interfaces.

css design-system front-end html javascript ux-design web-design

Last synced: 06 Jan 2025

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: 15 Feb 2025

https://github.com/qv1ko/autposh

Script para configurar Windows Terminal.

configuration design-system powershell terminal

Last synced: 27 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/plurid/carved-ui

Carved User Interface Library of Components [Desearch Concept]

design-system react user-interface

Last synced: 28 Dec 2024

https://github.com/whizzes/exo

Svelte Components Library

components design-system library svelte

Last synced: 05 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/gwjun/gwjun-ui

A headless design system that uses the emotion css library

component design-system ui vanilla-extract

Last synced: 25 Nov 2024

https://github.com/bfukumori/ignite-ui-design-system

Design System created for Ignite Course from Rocketseat

design-system react storybook turborepo

Last synced: 25 Nov 2024

https://github.com/odeassis/hive-flutter

Hive Design System for Flutter

dart design design-system flutter ui ui-components

Last synced: 25 Jan 2025

https://github.com/eduitfree37/system-design-for-interviews-and-beyond

System Design for Interviews and Beyond

design-system interview

Last synced: 29 Jan 2025

https://github.com/alaskaairlines/auro-checkbox

Custom element for the purpose of allowing users to select one or more options of a limited number of choices.

auro custom-element design-system generator-v4-0-7

Last synced: 21 Nov 2024

https://github.com/alaskaairlines/auro-dialog

Custom element that displays additional information over page content

auro custom-element design-system generator-v4-3-2

Last synced: 21 Nov 2024

https://github.com/alaskaairlines/auro-badge

Custom element to illustrate status, show count, convey selections

auro custom-element design-system

Last synced: 21 Nov 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: 17 Jan 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/lukashirt/touchpoints

Statically generated Vue design system built with NuxtJS

design-system nuxtjs typescript vue vue-docgen-api

Last synced: 05 Feb 2025

https://github.com/brijr/ds

Opinionated Tailwind CSS Design System

design design-system tailwind

Last synced: 05 Feb 2025

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