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/hamzaamar/pillar-ui

Pillar is a modern design system built with React, with the goal of providing a comprehensive set of reusable UI components that are fully accessible and adhere to best practices in modern web development.

accessibility design-system frontend hooks-library icons-library pillar-ui react react-library theming typescript ui ui-components ui-kit utils-library web-development

Last synced: 08 Nov 2024

https://github.com/w0ofy/real-system

A react component system that is easily extendable and ready-to-theme.

component-library design-system emotionjs react real-system styled-system

Last synced: 04 Nov 2024

https://github.com/melishev/wuki

🧸 Wuki is a UI Kit developed for React.js that brings together the best practices of the most popular UI libraries such as Carbon, Ant Design, MUI, Bootstrap, Element and many others.

antd apple bootstrap carbon-design-system design-system element-ui figma mui react storybook ui uikit

Last synced: 28 Sep 2024

https://github.com/scmmishra/joy

A high quality design system built with Vue and Tailwind

design-system lucide tailwindcss vue vue3

Last synced: 30 Oct 2024

https://github.com/samuelematias/chicken_box_time

Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬

bloc dart design-system flutter flutter-bloc movie-app style-dictionary

Last synced: 11 Nov 2024

https://github.com/rohanmathur91/css-component-library

Polaroid a CSS component library for faster development. It follows utility-first approach for styling components.

component-library css3 design-system html javascript

Last synced: 12 Oct 2024

https://github.com/zedix/zedix-ui

A library of essential web components (lit-based), serving as a foundation for web apps or design systems. Mostly headless. Works with any frameworks.

custom-element design-system dialog embla-carousel floating-ui lit ui-library web-components

Last synced: 06 Nov 2024

https://github.com/cc-archive/fonts

A collection of typefaces for the web facing Creative Commons

creative-commons design-system ui ux

Last synced: 23 Oct 2024

https://github.com/team-b1nd/dds

스마트 스쿨 플랫폼 '도담도담' 디자인 시스템

design-system documentation docusaurus react typescript

Last synced: 05 Nov 2024

https://github.com/3lvis/pinwheel

A library to build an iOS design system.

design-system ios swift

Last synced: 14 Oct 2024

https://github.com/schalkventer/coloringbook

📙 An opinionated, batteries-included implementation of Storybook for use in React projects.

atomic-design design-system react starter-template storybook

Last synced: 16 Nov 2024

https://github.com/versumstudios/ui

Versum Studios UI

design-system radix-ui stitches tezos ui

Last synced: 09 Nov 2024

https://github.com/divriots/starter-origami

A react-native-paper based design system as a starter kit for Backlight

backlight design-system material-design react-native react-native-paper

Last synced: 13 Nov 2024

https://github.com/christopherbiscardi/sens8

Sens8 is my personal design system and exemplifying area for experimental designops workflows.

design-system emotion react

Last synced: 19 Oct 2024

https://github.com/neoncitylights/sylon

A personal design system of web components (work-in-progress)

components design-system react sylon

Last synced: 13 Nov 2024

https://github.com/rodrigokamada/react-mui

Application example built with React 18 and adding the Material UI CSS framework using the @mui/material library.

beginners css design-system devcommunity ghactions ghpages github-actions github-pages hacktoberfest material-ui react stackblitz tutorial

Last synced: 12 Oct 2024

https://github.com/x-govuk/govuk-prototype-components

Use common components that are not yet part of the GOV.UK Design System.

components design-system govuk project prototyping

Last synced: 08 Nov 2024

https://github.com/501A-gh/tsuika

Tsuika : A classless CSS framework powered with web components to enhance the UI / UX of your next project.

design design-system style styled-components webcomponents

Last synced: 14 Nov 2024

https://github.com/metsanpeitto/react-redux_une-felt_e-commerce

E-commerce and blog created to promote and share the creations of the Taiwanese artist Ponpon.

css design-system expressjs figma html5 nodejs react redux stripe ui-design woocommerce wordpress

Last synced: 18 Oct 2024

https://github.com/arthurivanov/atlantum

atlantum is flexible and easy to use design system based on React, Typescript and Styled Components

a11y design-system design-systems figma figmadesign ui-components ui-design ui-library

Last synced: 11 Oct 2024

https://github.com/sargamdesign/sargam-design-methodology

Design methodology based on the aesthetics of Indian Classical Music.

design-system methodology

Last synced: 09 Nov 2024

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 Nov 2024

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/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: 11 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: 11 Nov 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: 12 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: 27 Sep 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/artlasovsky/foundation-ui

Package to speedup UI prototyping and development using SwiftUI.

design-system ios macos modifier swiftui

Last synced: 14 Nov 2024

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

Website for uinix-js

css design-system theme ui ui-system uinix

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

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 28 Oct 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/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: 08 Nov 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: 29 Sep 2024

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: 10 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/selleo/design-system

Design System

design-system

Last synced: 13 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/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: 14 Nov 2024

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

A configurable HSL color system for use with TailwindCSS

color design-system hsl tailwindcss

Last synced: 29 Sep 2024

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/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/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: 12 Nov 2024

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

Docs for Palette, Artsy's Design System

design-system react styled-system

Last synced: 10 Nov 2024

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: 30 Oct 2024

https://github.com/joshblack/laufey

Laufey is an exploration around building design systems

design-system javascript react

Last synced: 27 Oct 2024

https://github.com/coryrylan/clarity-hugo

Example demo of using the Clarity Design System with Hugo

clarity-design design-system hugo

Last synced: 16 Oct 2024

https://github.com/neoground/neopren

The Neopren Design System

bootstrap design-system preact

Last synced: 02 Nov 2024

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

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 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/guoyunhe/react-design-system

Which React design system is the best for your project?

antd design-system material-ui react ui

Last synced: 12 Nov 2024

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: 27 Oct 2024

https://github.com/teradata/design

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

design-patterns design-system

Last synced: 06 Nov 2024

https://github.com/eylatamsouth/beyondstyle

Library of shared components of BeyondLabs

design-system react

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

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: 14 Nov 2024

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: 15 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/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: 14 Nov 2024

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: 12 Nov 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: 06 Nov 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: 06 Nov 2024

https://github.com/mlibrary/umlib_admin

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

design design-system drupal

Last synced: 07 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/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/carcajadaartificial/garlicss

GarliCSS 🧄 is an SCSS library with utilities for Design Systems.

css design-system responsive-web-design sass sass-framework

Last synced: 15 Oct 2024

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: 10 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: 10 Nov 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/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: 14 Nov 2024

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: 13 Oct 2024

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: 16 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: 10 Nov 2024

https://github.com/juanesgalvis/galvisvue

Portafolio personal programado en Vue JS

design-system netlify npm vue-router vuejs

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

🇫🇷 ReScript bindings for react-dsfr

design-system dsfr react rescript

Last synced: 12 Nov 2024

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

Design system Awesome Lists
awesome-design 428 Awesome-Design-Tokens 229 awesome-design-systems 102 awesome-design-language-system 109 Awesome-CSS-Resources 234 awesome-russian-design-systems 52
Design system Categories
Articles 1,515 Frameworks / Resources 235 Design systems 234 Read and Digest 167 Design tokens 126 Stock 70 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Icon and Logo 38 Color 37 Typography 30 Tools 29 Slides, Videos, Podcasts 27 Pattern library 25 Conference and Festival 23 Plugins 23 Design system 23 Podcast 20 Toolkit 20