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/null-none/neumorphic-design

Neumorphic Design System

design design-system ui ui-components

Last synced: 26 Jan 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/aherrahul/portfolio-v1

This repository contains the source code for my personal portfolio website. It showcases my projects, skills, and experience. Below is the link of my portfolio.

blog design-system nuxt nuxt3 nuxtjs portfolio portfolio-site portfolio-website rds rds-design-system resume resume-template resume-website tailwindcss vue vuejs vuejs3 vuex

Last synced: 15 Jan 2025

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/its-digital-technology/kernl-ui

The front-end web framework for Northeastern University's design system

alpinejs design-system tailwindcss

Last synced: 18 Dec 2024

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

Lightweight design system for Vue.js based on expressive iteration using a minimal palette.

component-library components css design-system frontend javascript js library npm package scss vue vuejs web

Last synced: 21 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/brunos3d/nx-storybook-design-system

Creating a design-system lib with Nx and Storybook. (POC project)

design-system example monorepo nx proof-of-concept react storybook styled-components typescript

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

React Components library based on the zeppelin-element-library

design-system

Last synced: 18 Jan 2025

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

Design Systems Android

design-system mobile

Last synced: 30 Jan 2025

https://github.com/pedrohenrikle/ignite-call

Ignite Call is a call scheduling application, where you can register your availability and invite people to events, with connection to Google Calendar, the app creates the event and attaches a Google Meet call to the call automatically

calendar design-system fullstack-development google-calendar googleapis javascript next nextjs react react-hook reactjs resolvers schedule stitches typescript zod

Last synced: 24 Jan 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: 21 Dec 2024

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/goh-chunlin/haneul

UX Standard Guidelines: Materialise the user values with upgraded total experience.

css design-system mithriljs

Last synced: 08 Jan 2025

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/jonambas/react-delver

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 2024

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

Storage for Figma Design Tokens

design-system design-tokens figma

Last synced: 01 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/artursopelnik/style-dictionary-with-dark-mode

Style Dictionary with Dark Mode and TypeScript

design-system style-dictionary typescript

Last synced: 30 Dec 2024

https://github.com/lttr/skaut-design

Bulma CSS framework adjusted for design system of czech scouts

bulma design-system scss

Last synced: 18 Dec 2024

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/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/abelflopes/react-ck

React Component Kit - React Components & Utils

cicd components design-system library react storybook tsx typescript utils

Last synced: 06 Nov 2024

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/cityofdetroit/cod-design-system

Design System proof of concept

design-system web-components

Last synced: 06 Nov 2024

https://github.com/guoyunhe/react-design-system

Which React design system is the best for your project?

antd design-system material-ui react ui

Last synced: 10 Jan 2025

https://github.com/mlibrary/umlib_admin

Drupal admin theme for U-M Library based on the Claro theme

design design-system drupal

Last synced: 28 Dec 2024

https://github.com/teradata/design

A simple web wrapper for our Figma-based design documentation.

design-patterns design-system

Last synced: 24 Dec 2024

https://github.com/mate-h/tamagui-base

Template repository for cross platform app development with React.

design-system expo monorepo react-native react-navigation

Last synced: 14 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/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/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/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/juanesgalvis/galvisvue

Portafolio personal programado en Vue JS

design-system netlify npm vue-router vuejs

Last synced: 20 Dec 2024

https://github.com/seancheong/chroma-ui

A design system built with React, Tailwind CSS and Storybook

design-system react storybook tailwindcss typescript

Last synced: 02 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/m-u-c-k-a/password

Plateforme sécurisée pour générer et stocker des mots de passe robustes. Accès contrôlé via hachage pour assurer la confidentialité des données.

design-system hash hashing web-development webdesign webdevelopment website

Last synced: 13 Jan 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/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/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/marcobiedermann/ui

🦄 Collection of web UI components

components css design-system javascript modules react storybook styleguide ui

Last synced: 21 Dec 2024

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/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/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/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/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/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/imsus/garuda-ds

[Not Official] Indonesian Government Web Design System

design-system government

Last synced: 01 Feb 2025

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/lucianakyoko/elementum-ds

Design System no front-end usando Storybooks, Next.js14 e TailwindCSS

atomic-design design-system nextjs14 storybook tailwindcss

Last synced: 26 Jan 2025

https://github.com/fhrsales/design-system-estadao

Manual de identidade visual da versão impressa do Estadão – 2021

design-system javascript print

Last synced: 23 Oct 2024

https://github.com/waterbinnn/waterbin-ui-kit

@waterbin/ui-kit 개인 프로젝트용 디자인 시스템

design-system pandacss reactjs storybook typescript vite

Last synced: 13 Oct 2024

https://github.com/nazchini/space-travel

A multipage, responsive website on space travel (Pure JS) that strives for AA accessibility compliance.

accessibility css design-system javascript

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

On-demand systematic CSS framework.

css design design-system javascript

Last synced: 05 Dec 2024

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

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