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

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/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/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/odeassis/hive-flutter

Hive Design System for Flutter

dart design design-system flutter ui ui-components

Last synced: 25 Jan 2025

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

https://github.com/jonambas/proply

🔎 A tool to help explore your app's React component usage

design-system design-systems javascript react

Last synced: 13 Feb 2025

https://github.com/leocolomb/.design

🎨 Branding assets

branding design design-system

Last synced: 25 Jan 2025

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

Collection of React components.

design-system react theming typescript

Last synced: 02 Dec 2024

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/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/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/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/osvaldokalvaitir/reactjs-ignite2022-project6

:open_book: Ignite Design System Application using tsup, Storybook for React, storybook-addon-a11y and storybook-addon-a11y. Monorepo with Turborepo. CI/CD publishing to Github Pages and NPM using GitHub Actions, @changesets/cli and cache with Vercel. Versioning with @changesets/cli

bootcamp design-system ignite ignite-2022 reactjs rocketseat

Last synced: 08 Feb 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/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/makotot/design-system-bookmarks

A collection of resources of design system.

collection design-system resources ui ui-components

Last synced: 06 Feb 2025

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

A proposta do conversor de moedas, é calcular e converter apartir de uma api, o valor das moedas: Real,Dolar e Euro.

api-request dart design design-system flutter flutter-apps flutter-widget udemy-course user-experience-design user-interface

Last synced: 24 Dec 2024

https://github.com/kouprlabs/koupr-ui

🧩 Design System & React Components

components design-system react ui

Last synced: 08 Dec 2024

https://github.com/ryanatkn/moss

CSS framework 🌿 magical organic stylesheets

css css-framework design-system utility-classes web

Last synced: 13 Feb 2025

https://github.com/gabriel4420/jakepainting

A proposta do esboço é treinar animações simples, além da compreensão de flexbox e design de componentes.

animation-css css-animations design-system flexbox-css html-semantics html5

Last synced: 24 Dec 2024

https://github.com/ondrejlosensky/components-library

My personal UI Library made primarily for Next.js but also compatible with pain React. Used in some of my projects

design-system ui-components

Last synced: 17 Jan 2025

https://github.com/murshidazher/monorepo-styleguide

✏️️ A monorepo styleguide using lerna, storybook and etc..

design-system lerna library monorepo scalable storybook styled-components

Last synced: 31 Dec 2024

https://github.com/lukahartwig/not-a-design-system

This is not a design system.

component-library design-system react

Last synced: 06 Feb 2025

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/nhsuk/design-system-testing

Testing design styles, components and patterns for the NHS digital service manual (design system).

design-system testing

Last synced: 08 Nov 2024

https://github.com/zeroheight-demos/example-airorange-app

A small example application uses our AirOrange design system

components components-react design-system

Last synced: 27 Dec 2024

https://github.com/renanfachin/rs_ig_designsystemui

Design System contento os componentes

design-system ignite-react storybook

Last synced: 30 Jan 2025

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

My studies about design system.

design-system

Last synced: 09 Feb 2025

https://github.com/eduardogomesf/ignite-design-system

A design system created during @Rocketseat's 2022/2023 Bootcamp

design-system eslint frontend react rocketseat typescript

Last synced: 23 Jan 2025

https://github.com/duyquang6/when-things-might-fail

Break up your illusion about a high availability or a strong consistency system

design-system might-fail what-if

Last synced: 13 Jan 2025

https://github.com/dvhb/ui

components for dvhb design system

design-system react react-native uikit

Last synced: 15 Feb 2025

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/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/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: 06 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/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/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/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/di-dao/shoelace

Web Components for the Sonr Network. Forked from https://shoelace.style.

design-system react tailwindcss webcomponents

Last synced: 26 Jan 2025

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

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

https://github.com/panagiotispitsikoulis/landing.monorepo

Build stunning landing pages in minutes with Landing UI - the ultimate design system for React developers who want to ship faster. Think shadcn/ui, but specifically crafted for landing pages! 🚀

components design-system framer-motion landing-page nextjs radix-ui react shadcn typescript ui-library

Last synced: 02 Jan 2025

https://github.com/x-govuk/govuk-decorated-components

Form components for the GOV.UK Design System that require less parameters to collect data.

components design-system govuk prototyping

Last synced: 02 Jan 2025

https://github.com/waterbinnn/waterbin-design-system

@waterbin/design-system (deprecated)

design-system nextjs storybook styled-components

Last synced: 10 Jan 2025

https://github.com/theelegantcoding/solid_template_webpage

📦️ This is a basic template that includes everything you need to get started web development with solid-js. It includes a simple counter application, as well as some documentation and examples.

clean-architecture clean-code design-system eslint node performance pnpm postcss sass solid-js style-guide typescript vite web-development

Last synced: 02 Feb 2025

https://github.com/kth/style

KTH Design System

design-system

Last synced: 02 Jan 2025

https://github.com/theelegantcoding/universal_cli

🛰️ Universal CLI is a command-line interface (CLI) tool that provides a wide range of utilities for programmers. It is designed to be a one-stop shop for developers, with tools for everything from template genarition to code managment.

clean-architecture clean-code design-system performance pnpm

Last synced: 02 Feb 2025

https://github.com/datum-consulting-nz/datum-design-system

Datum Consulting NZ's design system

design-system reactjs

Last synced: 27 Dec 2024

https://github.com/jairodoni/design-system-ignite

Ignite UI é uma feature de componente semiprontos desenvolvido durante o bootcamp Ignite. O projeto usa dos padrões de design system vistos no Ignite.

design-system ignite-reactjs reactjs rocketseat storybook

Last synced: 23 Jan 2025

https://github.com/vagnerbellacosa/050_designsystemcomocriarprototiponavegacaomockupappsmobile

Design System: Como criar protótipo, navegação e mock-up para apps mobile

design-system digital-innovation-one figma labs mock ui ux

Last synced: 03 Jan 2025

https://github.com/gabrielrabreu/oldones.sage_react_boilerplate

A Boilerplate for Sage React Design System Library

boilerplate design-system react

Last synced: 17 Jan 2025

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

On-demand systematic CSS framework.

css design design-system javascript

Last synced: 05 Dec 2024

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/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: 19 Dec 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: 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/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/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/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/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/nucoui/nuco

Full framework Design system

design-system react vue web-components

Last synced: 24 Jan 2025

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

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 Design system 23 Plugins 23 Conference and Festival 23 Toolkit 20 Podcast 20