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/cds-snc/gcds-tokens

GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).

canada design-system design-tokens government government-canada style-dictionary

Last synced: 12 Nov 2024

https://github.com/3lvia/designsystem

Designsystem for all Elvia websites and apps https://design.elvia.io/

angular design-system docs react web-components

Last synced: 02 Jan 2025

https://github.com/louffee/canada-design-system

Canada is the Louffee's Design System intended to make beautiful UIs with a lot of UX touches 🧭

accessibility atoms canada components design design-system molecules monorepo react storybook ui ux ux-ui

Last synced: 23 Jan 2025

https://github.com/daveanthonyc/dc-design-system

This is my own design system that is available for building out websites that have the same UI/UX feel of contemporary "awwward" winning websites. I will also document my research and methodology regarding this.

component-library cssinjs design-system frontend open-source react storybook typescript

Last synced: 13 Jan 2025

https://github.com/inthepocket/react-shared-component-library-demo

👨‍🏫Demo showcase of using react-native-web for shared component libs between React & React Native

design-system itp itp-rn-academy react react-native react-native-web react-shared-component-library

Last synced: 16 Nov 2024

https://github.com/locol23/component-library-react-vite-linaria-boilerplate

A component library (design system) boilerplate with TypeScript and React, linaria, Vite, Vitest, Storybook

component-library design-system linaria react storybook typescript vite vitest

Last synced: 08 Jan 2025

https://github.com/artsy/palette-docs

Docs for Palette, Artsy's Design System

design-system react styled-system

Last synced: 07 Jan 2025

https://github.com/bcrikko/0bytes.css

0bytes.css is a lightweight and supports all browsers. You don't have to write CSS anymore.

css css-framework design-system

Last synced: 28 Oct 2024

https://github.com/super-luoki/web-os-ui

Win11 style React component library.

design-system operating-system-style react typescript ui-kit

Last synced: 09 Nov 2024

https://github.com/ngx-primer/primer-ui

Ngx Primer - A collection of reusable Angular components, modules, and directives designed to help you build beautiful UIs, following the GitHub Primer Design System.

angular angular-components angular-ui-kit component-library design-system modular-design ngx-primer open-source primer-design-system responsive-ui responsive-ui-kit ui-components web-components web-components-library

Last synced: 02 Feb 2025

https://github.com/lilingxi01/svdm

SVDM - Styling Variance Decomposition Module

design design-system styling svdm ui ui-components ux variance

Last synced: 20 Jan 2025

https://github.com/artlasovsky/foundation-ui

Package to speedup UI prototyping and development using SwiftUI.

design-system ios macos modifier swiftui

Last synced: 02 Feb 2025

https://github.com/starknightt/login-page

This project is a beautifully designed and responsive login page that draws inspiration from the iconic Instagram platform. With a clean and modern aesthetic, it provides an engaging user experience for your web application. Don't forget to give it a star ⭐if you liked it.

beautfiul color-grading color-scheme css css3 design-system html html5 login login-page

Last synced: 12 Jan 2025

https://github.com/flemingvincent/rn-ts-tw-design-system

A simple way to create design systems using React Native, TypeScript, and Tailwind CSS.

components design-system expo react-native tailwind typescript

Last synced: 30 Dec 2024

https://github.com/melhosseiny/aurora

Web component design system

design-system web-components

Last synced: 22 Nov 2024

https://github.com/nypublicradio/nypr-design-system-vue

The repo for Radial, NYPR's Design System! Codeowner: @kimlarocca

design design-system design-systems storybook vue vuejs

Last synced: 25 Dec 2024

https://github.com/wearegenki/ui

A friendly UI framework which aims to be straightforward, intuitive, and high performance.

css css-grid design-system marko postcss vue wearegenki

Last synced: 21 Jan 2025

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

Uma interface de autenticação integrada com um design system no Storybook.

authentication design-system figma ignite-2021 radix-ui storybook tailwindcss vite

Last synced: 13 Jan 2025

https://github.com/dev-ashishranjan/mittal-high

College DBMS Project. This is an apartment management project created using React+Express+MySql

dbms dbms-project design-system management-system mysql-database sql-project

Last synced: 11 Jan 2025

https://github.com/wesleey/stackup-ui

Simple demo design system developed using Stitches.

design-system radix-ui react react-components stitches

Last synced: 01 Feb 2025

https://github.com/metamodern-design/color-system

A configurable HSL color system for use with TailwindCSS

color design-system hsl tailwindcss

Last synced: 23 Jan 2025

https://github.com/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 21 Dec 2024

https://github.com/zepdev/zeppelin-element-library

Element Library as a styleguide solution for Zeppelin

design-system

Last synced: 18 Jan 2025

https://github.com/cds-snc/gcds-utility

GC Design System Utility is a utility framework for GC Design System. | L'utilitaire de Système de design GC est un cadre utilitaire pour ce système.

canada design-system government government-canada utility-framework

Last synced: 11 Jan 2025

https://github.com/wealthbar/peak-style

Base style for the Peak Design System - includes only basic elemental styling and themes, no layout or structure patterns

design-system

Last synced: 17 Jan 2025

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

Combo custom element containing pre-defined trigger options with menu in the dropdown panel

auro custom-element design-system generator-v4-3-2

Last synced: 21 Nov 2024

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

Custom HTML element for inputting string data in forms

auro custom-element design-system

Last synced: 21 Nov 2024

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

Custom element that provides a list of options for the user to choose from

auro custom-element design-system generator-v4-4-5

Last synced: 21 Nov 2024

https://github.com/noclocks/brand

No Clocks, LLC Brand Assets and Design System

brand brand-assets branding dam design-system guidelines

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

Webflow conversion to Svelte Components

design-system svelte webflow

Last synced: 05 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/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/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/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/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/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/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/null-none/neumorphic-design

Neumorphic Design System

design design-system ui ui-components

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

Portafolio personal programado en Vue JS

design-system netlify npm vue-router vuejs

Last synced: 20 Dec 2024

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/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: 21 Dec 2024

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/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/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/m-u-c-k-a/unit-converter

Site de conversion d'unités : Poids, Distance et Température. Facile, précis, et intuitif. Transformez rapidement vos valeurs dans différentes mesures.

design-system nextjs react reactjs webdesign webdevelopment website

Last synced: 13 Jan 2025

https://github.com/javierarce/figma-components-analyzer

A tool to improve consistency and structure to design systems property names

components design design-system figma figma-api

Last synced: 13 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/apvarun/rewind-components

Ready to use components for your next project

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

Last synced: 11 Oct 2024

https://github.com/pedrohvfernandes/maratona-ignite-lab-design-system

Projeto feito através da @Rocketseat, junto com o instrutor @diego3g. Design System do design ao codigo

cicd clsx css design-system figma patterns patterns-design radix radix-ui react storybook tailwindcss typescript workflow

Last synced: 21 Jan 2025

https://github.com/u2ui/u2

HTML Advanced: More Capabilities, Same Feel, Same Simplicity

component-library design-system pattern-library ui-toolkit web-components

Last synced: 14 Oct 2024

https://github.com/fabianhermar/design

Boxode design system for building a incredible web experiences.

boxode design design-system web-design web-experience

Last synced: 14 Oct 2024

https://github.com/zepdev/design-system-website

Living Style Guide for Zeppelin (Legacy)

design-system gatsbyjs react static-site-generator

Last synced: 18 Jan 2025

https://github.com/d0rich/esprit

📦🌟 Monorepo with all mine personal brand websites and associated packages

design-system docs-template front-end gsap nuxt-layers nuxt-theme nuxt3 persona-5 tailwindcss vue

Last synced: 14 Oct 2024

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

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 2024

https://github.com/kaimagnusmueller/svg-icon-manager

Import and manage icon libraries in Figma

design-system figma icon management plugin

Last synced: 31 Jan 2025

https://github.com/vivek12345/lounge-design-system

Design system using emotion, styled-system and react - for learning

design-system emotion react styled-system

Last synced: 22 Oct 2024

https://github.com/jameslnewell/design-system-example

A demonstration of the tooling setup for a React based Design System.

design-system react

Last synced: 21 Dec 2024

https://github.com/joshblack/laufey

Laufey is an exploration around building design systems

design-system javascript react

Last synced: 14 Jan 2025

https://github.com/neoground/neopren

The Neopren Design System

bootstrap design-system preact

Last synced: 20 Dec 2024

https://github.com/chepetime/stencil-design-system

UI Component Library Template with Stencil and Turborepo

design-system stenciljs turborepo

Last synced: 29 Dec 2024

https://github.com/arifinoid/project-css-design-sytem

🍆🥕🍅🥒🥬This is my Sellsayur (platform tracking dan jual beli sayur online) website page.

css design-system html

Last synced: 27 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/teradata/design

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

design-patterns design-system

Last synced: 24 Dec 2024

https://github.com/cityofdetroit/cod-design-system

Design System proof of concept

design-system web-components

Last synced: 06 Nov 2024

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/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/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/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/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/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/skrodrigo/design-system-kirvano

Esse projeto foi para um trabalho da faculdade para desenvolver um design system de uma plataforma famosa. A escolhida foi a Kirvano.

design-system sass trabalhos-academicos

Last synced: 04 Feb 2025

https://github.com/k3ury99/odyssey-agency

This is a design I made for a project, it's made in Mockitt one of the hundreds of interface editing applications currently available, it's inspired by a travel agency where it tries to convey the vibe of traveling around the world with a simple click, I hope you like it.

design-system figmadesign frontend mockitt

Last synced: 31 Jan 2025

https://github.com/agence-adeliom/awc-figma-devmode

A tool to optimize the design-to-code transition, for modern web development using AWC Design System.

design-system figma figma-plugin

Last synced: 28 Jan 2025

https://github.com/tmol4/star4

Our official design system and UI library

design-system frontend jsx material material-design material-you material3 react solidjs ui web

Last synced: 11 Nov 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 Conference and Festival 23 Plugins 23 Design system 23 Podcast 20 Toolkit 20