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/guichristovao/poke-themes

An Android project to showcase a multi-brand design system.

android design-system snapshot theme

Last synced: 01 Aug 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/Bewond/design-system

Bewond’s open-source design system for products and digital experiences.

design design-system

Last synced: 03 Nov 2024

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

UI library built with storybook for Vue/Nuxt

css design-system scss storybook ui-library vue vue2

Last synced: 14 Oct 2024

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: 15 Oct 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/3lvis/pinwheel

A library to build an iOS design system.

design-system ios swift

Last synced: 14 Oct 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/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/versumstudios/ui

Versum Studios UI

design-system radix-ui stitches tezos ui

Last synced: 01 Aug 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/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/team-b1nd/dds

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

design-system documentation docusaurus react typescript

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

Rainbow, Ctrl Up's Design System

design-system react storybook

Last synced: 28 Oct 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/501A-Designs/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: 03 Aug 2024

https://github.com/noclocks/brand

No Clocks, LLC Brand Assets and Design System

brand brand-assets branding dam design-system guidelines

Last synced: 02 Aug 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: 11 Oct 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/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/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/tymothy6/local-design-tokens

Storage for Figma Design Tokens

design-system design-tokens figma

Last synced: 17 Oct 2024

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

📦 A design system analysis tool

design-system javascript react typescript

Last synced: 21 Oct 2024

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

Bulma CSS framework adjusted for design system of czech scouts

bulma design-system scss

Last synced: 14 Oct 2024

https://github.com/marcobiedermann/ui

🦄 Collection of web UI components

components css design-system javascript modules react storybook styleguide ui

Last synced: 28 Oct 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/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: 11 Oct 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/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: 11 Oct 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/its-digital-technology/kernl-ui

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

alpinejs design-system tailwindcss

Last synced: 13 Oct 2024

https://github.com/neoground/neopren

The Neopren Design System

bootstrap design-system preact

Last synced: 02 Nov 2024

https://github.com/trenaryja/ui

My own component library, complete with Storybook!

component-library design-system react storybook typescript

Last synced: 13 Oct 2024

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

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: 13 Oct 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/jameslnewell/design-system-example

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

design-system react

Last synced: 28 Oct 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/hashtag-design-system/design_system

Components, design primitives, and tools for #hashtag's design system. Build with React.js, TypeScript & SCSS.

design-system figma hashtag reactjs scss

Last synced: 11 Oct 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: 11 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/joshblack/laufey

Laufey is an exploration around building design systems

design-system javascript react

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

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

https://github.com/eylatamsouth/beyondstyle

Library of shared components of BeyondLabs

design-system react

Last synced: 05 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/danmad/node-sass-token-importer

A module that extends node-sass by supporting the imports of cross-language design tokens

design-system parser tokens

Last synced: 15 Oct 2024

https://github.com/kmanadkat/advanced-react-patterns-project

Hotel Booking (learning) react project with Styled Components, Supabase Backend, React Query, Context API & more

context-api design-system react-hook-form react-hooks react-query reactjs styled-components supabase-js vite

Last synced: 11 Oct 2024

https://github.com/afrijaldz/persona-layer

Module designed to simplify the process of installing Persona Design System for your application

design-system nuxt

Last synced: 16 Oct 2024

https://github.com/chermann-king/personal-finance-app

This is my solution to the 23th challenge I answered proposed by FRONTENDMENTOR.IO

accessibility design-system figma nextjs14 tailwind-css typescript vercel

Last synced: 11 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: 31 Oct 2024

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

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/commonhorizoncommun/design-system

Design system for Common Horizon / Horizon commun.

atomic-design design-system design-tokens eleventy

Last synced: 14 Oct 2024

https://github.com/marcosviniciusjau/05-design-system

This is the design system of ignite-ui, learned on Rocketseat

design-system react

Last synced: 05 Nov 2024

https://github.com/malcodeman/malcomponents

Collection of React components.

design-system react theming typescript

Last synced: 29 Oct 2024

https://github.com/matheusps/blvkdv-system

Tailwind + systed-components oriented design system idea. (No production ready)

component-library design-system javascript react styled-components

Last synced: 25 Oct 2024

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

My personal design system

design-system react storybook tailwindcss

Last synced: 28 Oct 2024

https://github.com/bytrangle/spinwheel

The vanilla Javascript game to help you stay mildly fit.

css-animations css-variables design-system javascript javascript-game

Last synced: 13 Oct 2024

https://github.com/mehradi-github/ref-storybook

Building UI components and pages in isolation

design-system storybook

Last synced: 13 Oct 2024

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

A fictional design system based around Web Components.

design-system react stencil vue

Last synced: 29 Oct 2024

https://github.com/garthdb/design-token-attributes

A mono repo for managing design token contexts

design-system monorepo postcss styledictionary stylelint

Last synced: 14 Oct 2024

https://github.com/whizzes/exo

Svelte Components Library

components design-system library svelte

Last synced: 05 Nov 2024

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

An study case about monorepo and design system.

design-system monorepo nodejs turborepo

Last synced: 18 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/garthdb/token-diff

GitHub Action that generates a design token diff to add to a pull-request

design-system github-actions hacktoberfest

Last synced: 14 Oct 2024

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/sujaykundu777/ritro-ui-components

Ritro UI - reusuable react components

design-system

Last synced: 11 Oct 2024

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

https://github.com/julrich/tsnm-page

My personal page and playground, built on my personal Design System https://github.com/julrich/tsnm-ds based on https://github.com/kickstartDS/ and Backlight

backlight backlight-dev design-system design-systems development music netlify netlify-functions netlify-graph nextjs tsnm

Last synced: 19 Oct 2024

https://github.com/julrich/tsnm-ds

Design System for my personal page, based on https://github.com/kickstartDS and https://github.com/divriots/backlight.dev. In use on https://tsnm.de

backlight design-system design-systems kickstartds

Last synced: 19 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,497 Frameworks / Resources 236 Design systems 228 Read and Digest 167 Design tokens 124 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 Design system 23 Conference and Festival 23 Plugins 23 Toolkit 20 Podcast 20