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/javierarce/figma-components-analyzer

A tool to improve consistency and structure to design systems property names

components design design-system figma figma-api

Last synced: 13 Jan 2025

https://github.com/jameslnewell/design-system-example

A demonstration of the tooling setup for a React based Design System.

design-system react

Last synced: 21 Dec 2024

https://github.com/theelegantcoding/stylelint-config-elegant-coding

⚙️ Stylelint configuration for fix errors before they cause problems in your code. It can also help you to develop good coding habits that will make your code easier to maintain in the long run.

clean-architecture clean-code design-system eslint node performance pnpm style-guide stylelint-rules typescript

Last synced: 02 Feb 2025

https://github.com/corllete/apos-ds

Design system / pattern library bundle for Apostrophe CMS v3

apostrophe apostrophecms design-system mongodb nunjucks nunjucks-components pattern-library story

Last synced: 14 Nov 2024

https://github.com/m-u-c-k-a/unit-converter

Site de conversion d'unités : Poids, Distance et Température. Facile, précis, et intuitif. Transformez rapidement vos valeurs dans différentes mesures.

design-system nextjs react reactjs webdesign webdevelopment website

Last synced: 13 Jan 2025

https://github.com/ingresse/design-systems-android

Design Systems Android

design-system mobile

Last synced: 30 Jan 2025

https://github.com/arifinoid/project-css-design-sytem

🍆🥕🍅🥒🥬This is my Sellsayur (platform tracking dan jual beli sayur online) website page.

css design-system html

Last synced: 27 Jan 2025

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

Design System by Turborepo + Storybook + Changesets

changesets design-system storybook turborepo

Last synced: 04 Jan 2025

https://github.com/m-u-c-k-a/password

Plateforme sécurisée pour générer et stocker des mots de passe robustes. Accès contrôlé via hachage pour assurer la confidentialité des données.

design-system hash hashing web-development webdesign webdevelopment website

Last synced: 13 Jan 2025

https://github.com/eylatamsouth/beyondstyle

Library of shared components of BeyondLabs

design-system react

Last synced: 22 Dec 2024

https://github.com/alaskaairlines/auroreactdemo

An example React App with Auro Components integrated

auro demo design-system react

Last synced: 22 Jan 2025

https://github.com/mlibrary/umlib_admin

Drupal admin theme for U-M Library based on the Claro theme

design design-system drupal

Last synced: 28 Dec 2024

https://github.com/marcobiedermann/ui

🦄 Collection of web UI components

components css design-system javascript modules react storybook styleguide ui

Last synced: 21 Dec 2024

https://github.com/qiaoandrew/quadratic-ui

Beautiful, slightly styled components to build your next side project faster.

cmdk component-library design-system figma nextjs radix-ui react recharts shadcn-ui sonner tailwind-variants tailwindcss typescript uikit vaul vercel

Last synced: 23 Jan 2025

https://github.com/kaimagnusmueller/svg-icon-manager

Import and manage icon libraries in Figma

design-system figma icon management plugin

Last synced: 31 Jan 2025

https://github.com/pedrohenrikle/ignite-call

Ignite Call is a call scheduling application, where you can register your availability and invite people to events, with connection to Google Calendar, the app creates the event and attaches a Google Meet call to the call automatically

calendar design-system fullstack-development google-calendar googleapis javascript next nextjs react react-hook reactjs resolvers schedule stitches typescript zod

Last synced: 24 Jan 2025

https://github.com/aherrahul/portfolio-v1

This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experience. Below is the link of my portfolio.

blog design-system nuxt nuxt3 nuxtjs portfolio portfolio-site portfolio-website rds rds-design-system resume resume-template resume-website tailwindcss vue vuejs vuejs3 vuex

Last synced: 15 Jan 2025

https://github.com/alaskaairlines/eslint-config

Auro's eslint config repo

auro config design-system eslint

Last synced: 21 Nov 2024

https://github.com/mate-h/tamagui-base

Template repository for cross platform app development with React.

design-system expo monorepo react-native react-navigation

Last synced: 14 Jan 2025

https://github.com/beerush-id/toqin

Single Source of Truth for Your Design Tokens

css design-system design-tokens tailwind tailwindcss

Last synced: 26 Jan 2025

https://github.com/guoyunhe/react-design-system

Which React design system is the best for your project?

antd design-system material-ui react ui

Last synced: 10 Jan 2025

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

Example demo of using the Clarity Design System with Hugo

clarity-design design-system hugo

Last synced: 02 Feb 2025

https://github.com/artursopelnik/style-dictionary-with-dark-mode

Style Dictionary with Dark Mode and TypeScript

design-system style-dictionary typescript

Last synced: 30 Dec 2024

https://github.com/shannakae/daisyuitokens

The goal of this project is to simplify the complex world of design systems and tokens by making the power of design tokens more accessible and turning what can be a daunting task into an intuitive process. Leveraging Tailwind, DaisyUI, and Token Studio, our goal is to create a comprehensive yet approachable theming system across multiple platforms

agnostic collaboration cross-platform daisyui design-system design-tokens figma tailwindcss theming tokenization tokenstudio

Last synced: 16 Jan 2025

https://github.com/cturk/nebula-ui

A modern, cosmic-themed UI framework for building clean and scalable web applications. NEBULA provides a comprehensive set of components and utilities with an astronomy-inspired design system.

accessibility design-system modern-design nebula-ui react-components responsive-design typescript ui-framework web-components

Last synced: 01 Feb 2025

https://github.com/birotaio/fifteen-design-system-vue

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

design-system vue3

Last synced: 20 Jan 2025

https://github.com/seancheong/chroma-ui

A design system built with React, Tailwind CSS and Storybook

design-system react storybook tailwindcss typescript

Last synced: 02 Nov 2024

https://github.com/agence-adeliom/awc-figma-devmode

A tool to optimize the design-to-code transition, for modern web development using AWC Design System.

design-system figma figma-plugin

Last synced: 28 Jan 2025

https://github.com/nishantjoshi00/fun-luhn

nishantjoshi00.github.io/fun-luhn | Learn luhn for fun | Learn Languages | System Design | LLD | Scripting

ci design-system low-level-programming multilanguage scripting

Last synced: 21 Dec 2024

https://github.com/juanesgalvis/galvisvue

Portafolio personal programado en Vue JS

design-system netlify npm vue-router vuejs

Last synced: 20 Dec 2024

https://github.com/phobon/klavis

Essential compositional components and hooks using React, CSS-in-JS, styled-system and Framer Motion

design-system emotion framer-motion styled-system

Last synced: 17 Jan 2025

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

Custom element that illustrates a push notification after an action is complete

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

Last synced: 21 Nov 2024

https://github.com/lastnamearya/design-system-with-styled-components

Work in Progress : A simple Design System :rainbow: with Styled Components 💅

design-system reactjs styled-components

Last synced: 21 Dec 2024

https://github.com/joshblack/laufey

Laufey is an exploration around building design systems

design-system javascript react

Last synced: 14 Jan 2025

https://github.com/c0deta1ker/snapvac3d

Effortlessly design custom vacuum chambers with precision and speed in three-dimensions. Share and collaborate with ease by saving your vacuum designs within the app, which also allows you to reload, browse and modify at any time!

3d 3d-graphics 3d-models cad design design-system engineering matlab matlab-application matlab-gui open-source prototyping uhv vacuum visualization

Last synced: 21 Jan 2025

https://github.com/tavareshenrique/ignite-lab-design-system

O Ignite Lab Design System é um projeto da Rocketseat onde construimos uma aplicação de Design System utilizando: React, TypeScript, Vite, Tailwind e Storybook. 🚀 💜

design-system ignite-lab react rocketseat storybook tailwind typescript vite

Last synced: 10 Jan 2025

https://github.com/carcajadaartificial/garlicss

GarliCSS 🧄 is an SCSS library with utilities for Design Systems.

css design-system responsive-web-design sass sass-framework

Last synced: 01 Feb 2025

https://github.com/paqtcom/graphite-design-system-site

Documentation site for the Graphite Design System

design-system documentation

Last synced: 29 Jan 2025

https://github.com/vickttor/ignite-reactjs-design-system

This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.

changesets cicd design-system monorepo react storybook tsup turborepo typescript

Last synced: 22 Jan 2025

https://github.com/extrawest/extrawest_ui_kit_mobile

Extrawest UI Kit is a set of reusable UI components, styles, and other assets you can use to construct the UI of your Flutter apps

dart design-system extrawest flutter material3 mobile package ui uikit web

Last synced: 03 Jan 2025

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

Custom element for use as a way to show an image or background color around a block of code or in a slot when used in conjuction with other web components like `auro-banner`.

auro custom-element design-system generator-v3-8-1

Last synced: 21 Nov 2024

https://github.com/faustinopsy/atomic-designer

O design atômico é um processo iterativo em que cada um dos componentes (átomos, moléculas, organismos, modelos e páginas) são reunidos até chegarmos ao resultado esperado, e como é um processo iterativo podemos receber feedback mais feedback rápido do nosso cliente desde o primeiro dia até o momento em que geramos nossos primeiros átomos.

atomic-design css design-system html javascript spa

Last synced: 29 Jan 2025

https://github.com/initdc/apple-ui

An ui kit with many components looks like apple.com website.

design-system uikit

Last synced: 20 Jan 2025

https://github.com/pedrohvfernandes/maratona-ignite-lab-design-system

Projeto feito através da @Rocketseat, junto com o instrutor @diego3g. Design System do design ao codigo

cicd clsx css design-system figma patterns patterns-design radix radix-ui react storybook tailwindcss typescript workflow

Last synced: 21 Jan 2025

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

React Components library based on the zeppelin-element-library

design-system

Last synced: 18 Jan 2025

https://github.com/d0rich/esprit

📦🌟 Monorepo with all mine personal brand websites and associated packages

design-system docs-template front-end gsap nuxt-layers nuxt-theme nuxt3 persona-5 tailwindcss vue

Last synced: 14 Oct 2024

https://github.com/vivek12345/lounge-design-system

Design system using emotion, styled-system and react - for learning

design-system emotion react styled-system

Last synced: 22 Oct 2024

https://github.com/kaihotz/kai-ui

A design system composed out of custom react components, supporting dark and light mode

css-variables dark-mode dark-theme design-system react react-components scss-styles storybook

Last synced: 26 Jan 2025

https://github.com/its-digital-technology/kernl-ui

The front-end web framework for Northeastern University's design system

alpinejs design-system tailwindcss

Last synced: 10 Feb 2025

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

HTML custom element that has a built-in date/time API

auro custom-element design-system

Last synced: 21 Nov 2024

https://github.com/baakovi/cardapio

Hamburgueria online com diversas variedade de lanches para satisfazer a sua fome.

burger-menu css design design-system front-end html5 javascript online-shop shop shopping shopping-cart tailwindcss

Last synced: 30 Jan 2025

https://github.com/alaskaairlines/auroangulardemo

An example Angular App with Orion Components integrated

angular demo design-system orion

Last synced: 22 Jan 2025

https://github.com/reginald-sahil-chand/exampler-motors-ecommerce-website

Exemplar Motors: A luxury car e-commerce site with HTML, CSS, and JavaScript. User-friendly design, Firebase for authentication/storage, Stripe for secure checkout.

backend chatgpt css3 design-system ecommerce-website exampler-motors firebase first-project frontend fullstack git github html5 javascript personal-project

Last synced: 02 Feb 2025

https://github.com/0xforkitall/ui-kit

Design system and UI components for React or NextJs projects

design-system nextjs react ui-components uikit

Last synced: 24 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/qv1ko/autposh

Script para configurar Windows Terminal.

configuration design-system powershell terminal

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

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

Last synced: 02 Feb 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/gabriel4420/agenciax

A proposta do projeto é estudar sobre como fazer sites modernos e layouts com design profissional para uma agência ficticia, chamada agência X. Além de ser um dos projetos do curso HTML e CSS: O inicio da udemy.

css3 design-system html5 responsive-web-design user-experience-design

Last synced: 24 Dec 2024

https://github.com/gabriel4420/calculadoraimc

Projeto do curso de criação de apps Android e IOS com flutter - Daniel ciofilli

dart design-system flutter-apps flutter-widgets widgets

Last synced: 24 Dec 2024

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/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/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/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/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/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/khao-ui-tools/khao-malet

A Design System

css design-system

Last synced: 08 Nov 2024

https://github.com/gabriel4420/twitchtvclone

A proposta do clone da interface da Twitch TV, é estudar sobre os components do react-native relacionados a flatlist e sobre como utilizar a lógica de design na criação de interfaces modernas, intuitivas e elegantes.

design-system desing-patterns react react-hooks react-native react-navigation styled-components

Last synced: 24 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/gabriel4420/recriando-a-pagina-inicial-do-insta

Este é um projeto feito pela digital innovation one e adaptado por mim, dentro deste projeto foi transpassado lições sobre : HTML5 e CSS3.

css-grid css3 design-system digital-innovation-one flexbox-css html5

Last synced: 24 Dec 2024

https://github.com/carcajadaartificial/lunchbox-css

CSS distribution for Lunchbox 🍱 using GarliCSS 🧄 and Sass Door 🚪.

css design-system scss

Last synced: 25 Dec 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/imsus/garuda-ds

[Not Official] Indonesian Government Web Design System

design-system government

Last synced: 01 Feb 2025

https://github.com/gabriel4420/mybank

O mybank foi um site feito com base no site official da nubank, para o entendimento da lógica de design e protótipação de sites e telas para sites modernos.

design-system html-css-javascript user-experience user-interface

Last synced: 24 Dec 2024

https://github.com/gabriel4420/tributesilviosantos

A proposta do site é exercitar sobre CSS, design de interfaces e design de web-sites.

design-system interface website

Last synced: 24 Dec 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: 25 Dec 2024

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,233 Design systems 278 Frameworks / Resources 237 Read and Digest 167 Design tokens 148 Stock 69 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Color 37 Icon and Logo 37 Typography 30 Tools 30 Slides, Videos, Podcasts 27 Pattern library 24 Conference and Festival 23 Plugins 23 Design system 23 Podcast 20 Toolkit 20