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

Building UI components and pages in isolation

design-system storybook

Last synced: 26 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/rathod-shubham/ml-design-question.

Master the fundamentals of machine learning topics by coding and studying design questions.

ai algorithms artificial-intelligence coding design-patterns design-system machine-learning machine-learning-algorithms python3

Last synced: 22 Jan 2025

https://github.com/theoryofnekomata/viewfinder

Layout scaffolding for Web apps.

design design-system layout react scaffolding template

Last synced: 12 Jan 2025

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

Simple documentation-first tool to build a static design system

design-system docs php twig

Last synced: 13 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: 28 Jan 2025

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

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 28 Jan 2025

https://github.com/dariadia/daria-s-design-system

https://www.npmjs.com/package/daria-s-design-system

design-system

Last synced: 22 Jan 2025

https://github.com/andradeleo/tuuing

Design system desenvolvido em angular

angular design-system nx-workspace

Last synced: 22 Jan 2025

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: 16 Jan 2025

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

Custom element that displays additional information over page content

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

Last synced: 22 Jan 2025

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

Custom element for the purpose of providing a flexible way to convey a summary of information

auro custom-element design-system generator-v4-5-6

Last synced: 22 Jan 2025

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 Jan 2025

https://github.com/alaskaairlines/aurodocssite

Repository for the management of the Auro doc site

auro design-system

Last synced: 22 Jan 2025

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

A custom element for the purpose of illustrating animated loaders

auro custom-element design-system

Last synced: 22 Jan 2025

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

A cli tool to support the Auro Design System

auro cli design-system

Last synced: 22 Jan 2025

https://github.com/alaskaairlines/aurojavascriptdemo

An example frameworkless project with Orion Components integrated

demo design-system javascript orion

Last synced: 22 Jan 2025

https://github.com/alaskaairlines/aurovuedemo

Demo app created with Vue and Auro Web Components

auro demo design-system vue

Last synced: 22 Jan 2025

https://github.com/alaskaairlines/aurokit

This is a non-functional repository for the auro-kit package.

auro design-system

Last synced: 22 Jan 2025

https://github.com/wzulfikar/unwind

Recreating designs for exploration and exercise.

design design-system react storybook tailwind

Last synced: 22 Jan 2025

https://github.com/camillamendess/projeto-designsystem

Este projeto utiliza Next.js, Tailwind CSS e Storybook para a criação de uma biblioteca de componentes reutilizáveis e escaláveis.

design-system nextjs react storybook tailwindcss

Last synced: 07 Dec 2024

https://github.com/systemdes/system

Design foundations and components for my OS

assets astro branding components design design-system materials principles

Last synced: 22 Jan 2025

https://github.com/ingridevv/desafio-ux-dio

Projeto de UX do curso Formação UX da plataforma Digital Innovation One.

course-projects design-system dio-bootcamp prototype ui-design ux-design ux-designer ux-experience ux-ui

Last synced: 09 Jan 2025

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

Ritro UI - reusuable react components

design-system

Last synced: 14 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/simonwhatley/govuk-prototype-kit-macros

A code kit for building UK Government digital service prototypes built with v6.3.0 of the prototype kit

code design-system govuk nunjucks patterns prototype-kit prototyping template-library

Last synced: 19 Nov 2024

https://github.com/simonwhatley/nhsuk-design-system-snippets-atom-package

This Atom package includes snippets to help build the UK's NHS digital services.

atom atom-package design design-system nhsuk nunjucks package snippets

Last synced: 19 Nov 2024

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/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/daniel-portela/projetos-webdesign

Aqui você encontrará exemplos de trabalhos que refletem meu domínio em Web Designer, edição de imagens, dentre outros.

design design-system web-development website

Last synced: 22 Jan 2025

https://github.com/madetech/rnd-design-system

common design system for back-office interfaces

design-system govuk sass

Last synced: 25 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/casecommons/cbp-ds-in-css

Casebook DS styles in pure CSS (via SASS)

css design-system sass

Last synced: 15 Jan 2025

https://github.com/fabricioallves/daily_diet

Desafio da trilha Ignite para o desenvolvimento de um aplicativo para armazenas refeições dentro e fora da dieta e🚧🧑‍💻

design-system react-native styled-components typescript

Last synced: 05 Feb 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/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/matheusscode/lumina-ui

Lumina UI: Um design system intuitivo baseado no Tailwind CSS e HTML puro, potencializado com TypeScript. Oferece componentes reutilizáveis, personalização flexível e integração perfeita. Simplifique o desenvolvimento e garanta consistência visual em suas aplicações.

design-system frontend nextjs14 react tailwindcss typescript ui-components uikit

Last synced: 21 Jan 2025

https://github.com/inclusive-design/idg-design-system

Design system for the Inclusive Design Guide.

atomic-design design-system design-tokens eleventy

Last synced: 21 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/swapnilsachan03/generic-ds

A very generic & open-source design system for developers to quickly build customizable UIs without hassle.

design-system storybook typescript

Last synced: 09 Feb 2025

https://github.com/renderghost/bones

Design system for renderg.host

design-system react storybook tailwindcss vite

Last synced: 18 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/evandhq/react-jupiter

An UI design language with React implementation

design-system framework react reactjs

Last synced: 07 Dec 2024

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

A Design System

css design-system

Last synced: 08 Nov 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: 04 Feb 2025

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

My personal design system

design-system react storybook tailwindcss

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

🚧 sannaUI is a modular UI library. 🚧

design-system

Last synced: 23 Jan 2025

https://github.com/jsimplicio/design-systems-info

https://designsystems.info/

design-system design-systems

Last synced: 08 Jan 2025

https://github.com/dashbrains/halo

[UNDER REWORK] DashBrains design system

component-library design-system react typescript

Last synced: 18 Nov 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: 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/avalladaresm/breeze-ui

Beautiful custom components build using React with Tailwind CSS.

breeze-ui design-system frontend react tailwindcss

Last synced: 08 Feb 2025

https://github.com/lemonpeach/panda-san

パンダさん loves to help you build beautiful, responsive, and accessible web applications.

css design-system js react sass

Last synced: 21 Nov 2024

https://github.com/crosbydoo/flux-ui

Flux UI is a open source design system thats make by crosbydev. customize component thats make be easier to use and to help the development

android dart design-system flutter ios ui-design

Last synced: 25 Jan 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/alaskaairlines/auro-library

Library of shared auro workflows, scripts, and utilities.

actions auro design-system utilities

Last synced: 21 Nov 2024

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

Library of form validation utilities

actions auro design-system utilities

Last synced: 21 Nov 2024

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

Custom element that provides users a way to create navigational interfaces

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

Last synced: 21 Nov 2024

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

Custom element for the purpose of showing users a secondary navigation aid that helps them understand the relation between the location of their current page and higher level pages.

auro custom-element design-system generator-v3-17-2

Last synced: 21 Nov 2024

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

A custom element that represents the intermediate details between a departure and arrival station on a flight.

auro custom-element design-system

Last synced: 21 Nov 2024

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

Custom element that provides users a way to indicate the loading of asynchronous content on a page.

auro custom-element design-system generator-v4-4-5

Last synced: 21 Nov 2024

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

Custom HTML element for the use of easily displaying an icon from the Auro Icon library

auro custom-element design-system

Last synced: 21 Nov 2024

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

Custom element that renders errors, warnings, and other inline notifications with automated styling elements

auro custom-element design-system generator-v3-14-0

Last synced: 21 Nov 2024

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

Custom element for displaying auro design tokens and WCAG status

auro custom-element design-system wcgen-v3-9-3

Last synced: 21 Nov 2024

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/alaskaairlines/auro-table

Custom table element represents tabular data, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

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

Last synced: 21 Nov 2024

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

HTML custom element to allow for quick return to top of page

auro custom-element design-system

Last synced: 21 Nov 2024

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

Custom element to displays additional information

auro custom-element design-system

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

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 Tools 30 Typography 30 Slides, Videos, Podcasts 27 Pattern library 24 Plugins 23 Design system 23 Conference and Festival 23 Podcast 20 Toolkit 20