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/datum-consulting-nz/datum-design-system

Datum Consulting NZ's design system

design-system reactjs

Last synced: 27 Dec 2024

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

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

component design-system react

Last synced: 14 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/jonambas/proply

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

design-system design-systems javascript react

Last synced: 20 Dec 2024

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

A web component library

design-system ui-library web-components

Last synced: 15 Oct 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/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: 21 Dec 2024

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

icyDS - icy Design System

design-system jekyll-theme jekyll-themes

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

Vue Components for Zeppelin Element Library

design-system

Last synced: 18 Jan 2025

https://github.com/danmad/node-sass-token-importer

A module that extends node-sass by supporting the imports of cross-language design tokens

design-system parser tokens

Last synced: 01 Feb 2025

https://github.com/danmad/oc-design-system

A design system developed for Open Colleges

design-system react user-interface

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

Design System for My Business

design-system lit

Last synced: 29 Dec 2024

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/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/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/roll-network/tryrolljs

Entrypoint for Roll monorepo packages

design-system eslint feature-flags prettier react

Last synced: 22 Nov 2024

https://github.com/julrich/tsnm-page

My personal page and playground, built on my personal Design System https://github.com/julrich/tsnm-ds based on https://github.com/kickstartDS/ and Backlight

backlight backlight-dev design-system design-systems development music netlify netlify-functions netlify-graph nextjs tsnm

Last synced: 02 Feb 2025

https://github.com/nucoui/nuco

Full framework Design system

design-system react vue web-components

Last synced: 24 Jan 2025

https://github.com/julrich/tsnm-ds

Design System for my personal page, based on https://github.com/kickstartDS and https://github.com/divriots/backlight.dev. In use on https://tsnm.de

backlight design-system design-systems kickstartds

Last synced: 02 Feb 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/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/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/khriztianmoreno/reactjs-storybook-demo

⚛️📖 Design Systems with ReactJS in Storybook

demo design-system react reactjs slides storybook talk

Last synced: 14 Dec 2024

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: 14 Dec 2024

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/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/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/leandro-mancini/ditto

Crie aplicativos escaláveis ​​e acessíveis com facilidade.

angular css-in-js csstype dark-mode design-system design-tokens docusaurus emotion preact react react-native ui web-components

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

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

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

✨ Smooth UI Kit library with components for Vue 3.

design-system ui uikit

Last synced: 31 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/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/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/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/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/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/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/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: 14 Dec 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/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/anasmoner2022/space-tourism-website-main

The Space Tourism project is a multi-page responsive website designed to showcase a fictional space tourism company. This project will be enhanced with Three.js, interactive animations, and modern web development practices to create a unique and visually captivating experience.

design-system interactive responsive three-js

Last synced: 20 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: 13 Dec 2024

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/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/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/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/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/eduitfree37/system-design-for-interviews-and-beyond

System Design for Interviews and Beyond

design-system interview

Last synced: 29 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,227 Design systems 275 Frameworks / Resources 237 Read and Digest 167 Design tokens 146 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 24 Conference and Festival 23 Design system 23 Plugins 23 Toolkit 20 Podcast 20