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/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/evandhq/react-jupiter

An UI design language with React implementation

design-system framework react reactjs

Last synced: 07 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/renderghost/bones

Design system for renderg.host

design-system react storybook tailwindcss vite

Last synced: 18 Jan 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/renanfachin/rs_ig_designsystemui

Design System contento os componentes

design-system ignite-react storybook

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

Entrypoint for Roll monorepo packages

design-system eslint feature-flags prettier react

Last synced: 22 Nov 2024

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

My studies about design system.

design-system

Last synced: 09 Feb 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/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/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/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/dvhb/ui

components for dvhb design system

design-system react react-native uikit

Last synced: 15 Feb 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/gyeonghokim/gyeongho-design-system

Design System for My Business

design-system lit

Last synced: 29 Dec 2024

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/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/dbtedman/design-system

A fictional design system based around Web Components.

design-system react stencil vue

Last synced: 09 Feb 2025

https://github.com/avalladaresm/breeze-ui-docs

Documentation repository for Breeze-UI docs site https://avalladaresm.github.io/breeze-ui-docs/docs/intro

design-system frontend react tailwindcss ui-components

Last synced: 15 Feb 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/madetech/rnd-design-system

common design system for back-office interfaces

design-system govuk sass

Last synced: 25 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/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/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/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/sujaykundu777/ritro-ui-components

Ritro UI - reusuable react components

design-system

Last synced: 14 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/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/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/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/iivic17/cassettie

[WIP] Cassettie is a streaming service platform. created with design-system, strongly typed polymorphic components, and static page generation from Nextjs, following modern patterns, powered by Redux Toolkit store, React Hook Form, and more.

app design-system nextjs redux-toolkit typescript

Last synced: 13 Feb 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/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/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/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/zepdev/zeppelin-element-library-vue

Vue Components for Zeppelin Element Library

design-system

Last synced: 18 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/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/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/iconshot/paletto

On-demand systematic CSS framework.

css design design-system javascript

Last synced: 05 Dec 2024

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

Design System made for projects related to Rocketseat's Ignite track

design-system javascript react reactjs stitches storybook storybook-addon typescript ui ux

Last synced: 24 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/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/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/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/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/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/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/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/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/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/carcajadaartificial/lunchbox-css

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

css design-system scss

Last synced: 25 Dec 2024

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

A bootstrap design system for the website

bootstrap design-system ui-components

Last synced: 14 Jan 2025

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

React-based design system for healthcare apps.

chakra-ui design-system react uikit

Last synced: 06 Jan 2025

https://github.com/ingresse/aphrodite-react

Aphrodite React - Ingresse Design Systems

design-system frontend javascript react

Last synced: 30 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/alaskaairlines/aurodocssite

Repository for the management of the Auro doc site

auro design-system

Last synced: 22 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/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/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/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/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/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/alaskaairlines/auro-cli

A cli tool to support the Auro Design System

auro cli design-system

Last synced: 22 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/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/kth/style

KTH Design System

design-system

Last synced: 02 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/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/megadev007/event_plan

This Next.js website seamlessly integrates filter routing, nested routing, and advanced JavaScript logic. Navigating through its dynamic content becomes intuitive and efficient, offering an engaging user experience.

css design-system javascript next reactjs

Last synced: 13 Jan 2025

https://github.com/lin3s/patternlibrarybuilder

Library that provides an elegant and easy way to develop a pattern library for your front-end components

design-system html pattern-library twig

Last synced: 29 Dec 2024

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

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