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/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/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/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/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/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/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/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/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/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/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/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/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/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/zepdev/zeppelin-element-library

Element Library as a styleguide solution for Zeppelin

design-system

Last synced: 18 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/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/mrfatworm/le-move-android

AAPD Camp#2 35th Group Project

android design-system jetpack-compose sample

Last synced: 19 Feb 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/ctrlup-io/rainbow-react

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 14 Feb 2025

https://github.com/uinix-js/uinix-site

Website for uinix-js

css design-system theme ui ui-system uinix

Last synced: 16 Feb 2025

https://github.com/tap30/icons

Tapsi Design System Icons

design-system icon icons iconse lit

Last synced: 11 Dec 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/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/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/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/ably/ably-ui

Home of the Ably design system library.

components-library design-system rails react viewcomponents

Last synced: 17 Nov 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-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/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/aherrahul/rds-design-system-example

Welcome to the example project showcasing how to integrate and use the RDS (Rahul's Design System) in your Vue.js projects. This guide will walk you through the steps to get started with RDS, from installation to usage, ensuring a smooth integration process.

component component-li components demo demo-app design design-system design-systems design-tools library library-systems rds rds-design-system vue vue-router vue3 vuejs vuejs2 vuetify vuex

Last synced: 09 Feb 2025

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/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/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/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/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/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/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/ec-europa/ecl-webcomponents

ECL webcomponents is a new implementation of ECL vanilla components

design-system ecl stenciljs webcomponents

Last synced: 11 Nov 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/cityofdetroit/cod-design-system

Design System proof of concept

design-system web-components

Last synced: 06 Nov 2024

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/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/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/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/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/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/lttr/skaut-design

Bulma CSS framework adjusted for design system of czech scouts

bulma design-system scss

Last synced: 11 Feb 2025

https://github.com/heliocarlitos/projecto-huta

Este é um projecto da Hutauta Developer que tem como objctivo fornecer componentes de sites open source.

components-and-templates components-open-source desenvolvimento-web design-patterns design-system hutadev hutadeveloper hutautadev hutautadeveloper ui ui-ux ux

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

An example Angular App with Orion Components integrated

angular demo design-system orion

Last synced: 22 Jan 2025

https://github.com/alaskaairlines/auroreactdemo

An example React App with Auro Components integrated

auro demo design-system react

Last synced: 22 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/shannakae/daisyuitokens

The goal of this project is to simplify the complex world of design systems and tokens by making the power of design tokens more accessible and turning what can be a daunting task into an intuitive process. Leveraging Tailwind, DaisyUI, and Token Studio, our goal is to create a comprehensive yet approachable theming system across multiple platforms

agnostic collaboration cross-platform daisyui design-system design-tokens figma tailwindcss theming tokenization tokenstudio

Last synced: 16 Jan 2025

https://github.com/lukasoppermann/figma-plugin-design-presets

Design presets for figma plugins with light & dark mode.

dark-mode design-system figma figma-plugins figmadesign presets

Last synced: 16 Jan 2025

https://github.com/johanbook/aurora

A battery-included design system for React

design-system material-ui react

Last synced: 16 Jan 2025

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/chepetime/stencil-design-system

UI Component Library Template with Stencil and Turborepo

design-system stenciljs turborepo

Last synced: 29 Dec 2024

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

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

design design-system drupal

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

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 2024

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

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