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/besnik/css-design-tutorial

Plain CSS design tutorials including grid, flex, app layouts, design system, vue and more.

css css-layout design-system flex grid html layout tutorial vue

Last synced: 10 Jan 2025

https://github.com/saas-js/saas-ui-illustrations

Open Source Illustrations for Design Systems and Docs

component-library design-system designsystem storybooks ui-components ui-docs

Last synced: 26 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/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/nicholasgillespie/scalable-scss-design-system

The Scalable SCSS Design System is a customizable system for managing design tokens like colors, spacing, and typography. It ensures consistent theming with CSS variables, token access via the get function, and utility classes. Built for scalability, it’s easy to integrate, maintain, and adapt, ideal for projects of any size.

css cube design-system every-layout sass scalable scss tokens

Last synced: 11 Feb 2025

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

Web component design system

design-system web-components

Last synced: 22 Nov 2024

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/xop/awsm-docs

Design System Documentation Website Slingshot

astro design-system design-tokens headless-components scaffolding ui-components ui-library

Last synced: 07 Jan 2025

https://github.com/khaled-alselwady/countdown-timer

⏲️ Countdown Timer is a web app that lets you create, manage, and track multiple customizable timers. Easily start, pause, resume, and delete timers with a user-friendly interface. ⏳

angular cli component css design-system html javascipt model modules standalone-components templates typescript website

Last synced: 16 Jan 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/tap30/icons

Tapsi Design System Icons

design-system icon icons iconse lit

Last synced: 11 Dec 2024

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/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/zjefersound/go-uni-client

Project following best practices and modern front-end concepts. (Declarative UI, Server components, Design System)

declarative-ui design-system next-auth nextjs13 reactjs saas server-components tailwindcss

Last synced: 26 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/marcelo-diament/console-log-design-system

A npm package to make your console messages more visual and well organized

console-log design-system npm

Last synced: 14 Feb 2025

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/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/super-luoki/web-os-ui

Win11 style React component library.

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

Last synced: 06 Feb 2025

https://github.com/behzadam/shared

Boilerplate for creating React component libraries, with Rollup.js ,Storybook, Typescript, Tailwind CSS, Shadcn/ui

boilerplate design-system react rollupjs shadcn-ui storybook ui-components ui-kit uikit

Last synced: 10 Feb 2025

https://github.com/jamespatrickgibson/union

A design system boilerplate for Svelte & CSS

css-custom-properties design-system svelte-components sveltejs

Last synced: 14 Oct 2024

https://github.com/keosariel/gabby-ui

gabby-ui is an experimental neubrutalist design system :construction:

design-system neubrutalism react storybook typescript ui

Last synced: 01 Feb 2025

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

Custom hyperlink element to connect webpages or data items to one another

auro custom-element design-system generator-v3-11-0

Last synced: 21 Nov 2024

https://github.com/wildonion/rustacki

A Rusted and Ready to Go Stateful Backend Boilerplace Code with Super Clean Code, Actor based Components and Onion Design Pattern

actix-web actor-model asynchronous-programming design-patterns design-system multithreading rabbitmq rabbitmq-consumer reids rust-lang tokio

Last synced: 07 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/simonwhatley/govuk-design-system-snippets-atom-package

This Atom package includes snippets to help build UK Government digital services.

atom atom-package design design-system govuk nunjucks package snippets

Last synced: 19 Nov 2024

https://github.com/jdizm/react-storybook-library

A starter repo for a Storybook library with TS, Vite & React

design-system react storybook ui-library vite

Last synced: 02 Feb 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/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/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/sirajcode/studio

💻 A UI design system to make truly re-useable with React JS styled-components

design-system react reactjs styled-components

Last synced: 15 Jan 2025

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/metasidd/colortokenskit-ios

A powerful color tokens system for iOS

colors design-system swift tokens

Last synced: 21 Nov 2024

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

The Neopren Design System

bootstrap design-system preact

Last synced: 13 Feb 2025

https://github.com/teradata/design

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

design-patterns design-system

Last synced: 16 Feb 2025

https://github.com/focela/theme

A customizable React theming library for consistent, scalable, and efficient UI design.

customizable design-system focela frontend react theme theme-provider theming ui

Last synced: 30 Dec 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/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/eslint-config

Auro's eslint config repo

auro config design-system eslint

Last synced: 21 Nov 2024

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/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/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/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/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/persephonepunch/sveltedesign-system

Webflow conversion to Svelte Components

design-system svelte webflow

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

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

Library of shared components of BeyondLabs

design-system react

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

🇫🇷 ReScript bindings for react-dsfr

design-system dsfr react rescript

Last synced: 11 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/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/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/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/soujvnunes/themizer

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

css css-custom-properties css-in-js css-variables design-system design-tokens design-tools react tailwindcss tool typescript ui ui-design

Last synced: 09 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/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/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/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/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/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/romeusorionaet/design-system-ignite

Design-system desenvolvido em aula

design-system reactjs rocketseat typescript

Last synced: 12 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/jonambas/react-delver

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 2024

https://github.com/breitburg/zephyr

Zephyr is a modern and cute design system implementation in Flutter, inspired by Zenly, Snapchat and Dualingo

cute design-system

Last synced: 14 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/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/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/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/alaskaairlines/auroangulardemo

An example Angular App with Orion Components integrated

angular demo design-system orion

Last synced: 22 Jan 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

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,241 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 Conference and Festival 23 Plugins 23 Design system 23 Podcast 20 Toolkit 20