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/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/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: 13 Feb 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/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/paqtcom/graphite-design-system-site

Documentation site for the Graphite Design System

design-system documentation

Last synced: 29 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/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/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/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/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/alaskaairlines/auro-accordion

Custom element that allows users to toggle the display for sections of content

auro custom-element design-system

Last synced: 21 Nov 2024

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

Auro's eslint config repo

auro config design-system eslint

Last synced: 21 Nov 2024

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

Custom element that displays a button with selectable shoulder dates and associated prices.

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

Last synced: 21 Nov 2024

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

Custom element for the purpose of displaying an avatar image.

auro custom-element design-system

Last synced: 21 Nov 2024

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

Custom input element of type radio generally used in radio groups—collections of radio buttons describing a set of related options

auro custom-element design-system

Last synced: 21 Nov 2024

https://github.com/eylatamsouth/beyondstyle

Library of shared components of BeyondLabs

design-system react

Last synced: 14 Feb 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/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/codegouvfr/rescript-react-dsfr

🇫🇷 ReScript bindings for react-dsfr

design-system dsfr react rescript

Last synced: 11 Jan 2025

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

Portafolio personal programado en Vue JS

design-system netlify npm vue-router vuejs

Last synced: 13 Feb 2025

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/dynamic-framework/dynamic-ui

Quickly create feature-rich financial applications through a robust micro frontend architecture of React-based components with customizable templates built for integration.

bootstrap css-framework design-system react ui-kit

Last synced: 27 Nov 2024

https://github.com/trenaryja/ui

My own component library, complete with Storybook!

component-library design-system react storybook typescript

Last synced: 26 Jan 2025

https://github.com/betagouv/figpot

Figma to Penpot converter and synchronizer, to not maintain multiple platforms 🎨🖌️

adobe-xd cloner converter design-system exporter figjam figma figma-plugin framework-ui mockup penpot sketch synchronizer transformer

Last synced: 02 Dec 2024

https://github.com/null-none/neumorphic-design

Neumorphic Design System

design design-system ui ui-components

Last synced: 26 Jan 2025

https://github.com/neoground/neopren

The Neopren Design System

bootstrap design-system preact

Last synced: 13 Feb 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/uinix-js/uinix-theme-spec

The default uinix theme spec

css design-system spec theme ui ui-system uinix

Last synced: 25 Dec 2024

https://github.com/uinix-js/uinix-theme-spec-theme-ui

The theme-ui theme spec usable by uinix-theme

css design-system spec theme theme-ui ui ui-system uinix

Last synced: 25 Dec 2024

https://github.com/joshblack/laufey

Laufey is an exploration around building design systems

design-system javascript react

Last synced: 13 Feb 2025

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: 13 Feb 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: 13 Feb 2025

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/tymothy6/local-design-tokens

Storage for Figma Design Tokens

design-system design-tokens figma

Last synced: 01 Jan 2025

https://github.com/samuelematias/suids

🎨 SwiftUI Design System

design-system design-systems ios macos swiftui xcode14

Last synced: 10 Jan 2025

https://github.com/samuelematias/gamespedia

👾 An encyclopedia of games, where you can find details of some games.

dart design-system flutter games lineage2

Last synced: 10 Jan 2025

https://github.com/apvarun/rewind-components

Ready to use components for your next project

component-library components design-system react react-component-library

Last synced: 14 Feb 2025

https://github.com/marcobiedermann/ui

🦄 Collection of web UI components

components css design-system javascript modules react storybook styleguide ui

Last synced: 14 Feb 2025

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/hashtag-design-system/design_system

Components, design primitives, and tools for #hashtag's design system. Build with React.js, TypeScript & SCSS.

design-system figma hashtag reactjs scss

Last synced: 10 Feb 2025

https://github.com/abhilash26/varify

Varify is a highly configurable, responsive library of style-agnostic CSS variables for your next design system. It lets you write faster, more consistent, and more maintainable styles.

css css-utilites css-variables design-system

Last synced: 23 Jan 2025

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

Design Systems Android

design-system mobile

Last synced: 30 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/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/matteusan/hashi-themes

Themes for Dev Protocol's Hashi design system made by the community

css design-system dev-protocol hashi html scss theme themes theming ui

Last synced: 18 Jan 2025

https://github.com/mitchgavan/react-mdx-styleguide

A custom style guide/design system/component library for React apps.

component-library css-in-js design-system mdx react styleguide

Last synced: 12 Jan 2025

https://github.com/sancruz-dev/ignitelab-design-system

Projeto realizado duarante o evento Ignite Lab 3

design-system figma radix-ui reactjs storybook tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/ezy/govtnz-ds-storybook

A light-weight POC with the aim of producing a govt front-end component library using storybook, built on top of the GovtNZ Design System (Alpha).

design-system gov government govt javascript nodejs storybook

Last synced: 24 Jan 2025

https://github.com/soujvnunes/ui-theme

Generate CSS3 custom properties based on a given theme with tokens and aliases serving as a reference.

css3-custom-properties design-system design-tools responsive-design typescript

Last synced: 19 Jan 2025

https://github.com/im-mou/items-manager

Simple web app to manage items - Wallapop take home test

design-system mobx react responsive-design sass

Last synced: 19 Jan 2025

https://github.com/ajaymarathe/ng-epic-design-system

Hi there, Ng Epic Design System is open souce UI-KIT for Angular lovers based on Bootcatch Epic Theme thanks :)

angular angular-design angular-uikit bootcatch bootstrap-angular-uikit bootstrap-uikit bootstrap4 design-system ng-design-system ng-epic-design-system uikit

Last synced: 25 Jan 2025

https://github.com/gustavohps10/sapuris-design-system

🎨 My collection of standardized UI elements and styles

cicd design-system monorepo npm react stitches storybook tsup turborepo typescript

Last synced: 26 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/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/persephonepunch/sveltedesign-system

Webflow conversion to Svelte Components

design-system svelte webflow

Last synced: 05 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/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/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/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/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: 12 Feb 2025

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

🧩 Design System & React Components

components design-system react ui

Last synced: 08 Dec 2024

https://github.com/dashbrains/halo

[UNDER REWORK] DashBrains design system

component-library design-system react typescript

Last synced: 18 Nov 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/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/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/armondschneider/sannaui

🚧 sannaUI is a modular UI library. 🚧

design-system

Last synced: 23 Jan 2025

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/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/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/lukahartwig/not-a-design-system

This is not a design system.

component-library design-system react

Last synced: 06 Feb 2025

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

My personal design system

design-system react storybook tailwindcss

Last synced: 08 Feb 2025

https://github.com/alfianandinugraha/react-component-lib

📦 Example React Component Library using Gulp + Rollup + Typescript + Storybook.

component design-system gulp library react rollup storybook typescript

Last synced: 01 Feb 2025

https://github.com/marcosviniciusjau/05-design-system

This is the design system of ignite-ui, learned on Rocketseat

design-system react

Last synced: 15 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

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