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/dnum-mi/vue-dsfr

Portage en Vue du DSFR

design-system dsfr vue vue-dsfr vuejs

Last synced: 31 Jan 2025

https://github.com/pixiv/charcoal-ios

Design system library by pixiv

design-system ios swift swiftui ui-library uikit

Last synced: 02 Feb 2025

https://github.com/vantagedesign/solid-design-system

A design system for web development with Bootstrap 4, inspired by material design.

bootstrap4 design-system design-systems free gulpjs html5 javascript scss ui-kit

Last synced: 11 Oct 2024

https://github.com/rangle/radius-tracker

Measure adoption of your design system

components design-system react

Last synced: 30 Dec 2024

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

The B.C. Design System helps public sector design and development teams build consistent, accessible products

citz component-library design-system design-tokens react

Last synced: 02 Dec 2024

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

Element Framework is a set of web components based on LSEG Workspace design system, Halo.

accessibility design-system lit monorepo typescript ui webcomponents

Last synced: 29 Jan 2025

https://github.com/anarock/pebble

A set of lightweight and accessible React components.

design-system hacktoberfest-accepted react

Last synced: 14 Nov 2024

https://github.com/ember-elements/ember-elements

a UI toolkit in Ember ♾️ storybook link(WIP) https://64f3486d17c24063fe86105d-zslyevuhcj.chromatic.com/

design design-system ember ember-addon emberjs sass typescript ui ui-components

Last synced: 07 Nov 2024

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

thoughtbot design system (tbds)

css design-system sass

Last synced: 29 Jan 2025

https://github.com/wework/ray

Resources for building interfaces with WeWork's design system

css design-system js ui

Last synced: 06 Nov 2024

https://github.com/italia/designers.italia.it

Designers Italia mette a disposizione la conoscenza e gli strumenti per progettare e realizzare servizi pubblici centrati sulle necessità delle persone

content-design design-system hacktoberfest human-centered-design public-services service-design toolkit user-interface user-research website

Last synced: 30 Oct 2024

https://github.com/adidas/adidas-yarn-design-system

YARN is a frontend toolkit for developing with HTML, CSS and JS with adidas style. It provides the base layout for frontend applications

adidas design-system

Last synced: 07 Nov 2024

https://github.com/glrodasz/cero-components

Component library for Cero a Producción Project

atomic-design components design-system design-tokens react storybook

Last synced: 10 Nov 2024

https://github.com/yaoapp/xgen

A official lowcode resolution based yao app engine.

ant-design components design-system low-code mobx react shadow-dom typescript umi

Last synced: 28 Jan 2025

https://github.com/natura-cosmeticos/natds-android

Natura Design System - Nativo Android

android design-system kotlin kotlin-android natura

Last synced: 26 Jan 2025

https://github.com/flexdinesh/design-system-boilerplate

A design system boilerplate monorepo with opinionated principles, theming and token setup to build your own design system.

design-system

Last synced: 28 Oct 2024

https://github.com/nuxt-modules/design-tokens

Design tokens module for Nuxt

design-system design-tokens nuxt-module

Last synced: 06 Dec 2024

https://github.com/growingio/gio-design

A React UI library and GrowingIO Design System

design-system growingio react

Last synced: 26 Dec 2024

https://github.com/YaoApp/xgen

A official lowcode resolution based yao app engine.

ant-design components design-system low-code mobx react shadow-dom typescript umi

Last synced: 25 Nov 2024

https://github.com/bigcommerce/big-design

Design system that powers the BigCommerce ecosystem.

bigcommerce design-system react

Last synced: 02 Feb 2025

https://github.com/webpixels/quick-free-bootstrap-theme

This Bootstrap 4 UI Kit will not be updated anymore. Check out our newest components library for Bootstrap 5 instead

bootstrap bootstrap-theme bootstrap4 design-system free-bootstrap-theme freebie responsive template theme ui-components uikit website

Last synced: 08 Nov 2024

https://github.com/component-driven/ui

A collection of packages for common UI problems

css design-system focus focus-within react reactjs-components

Last synced: 15 Nov 2024

https://github.com/decathlon/vitamin-ios

Decathlon Design System UI components for iOS & iPadOS applications

components design design-system ios ios-library mobile ui ui-components uikit vitamin

Last synced: 17 Nov 2024

https://github.com/yuki24/shoelace-rails

Rails helpers for https://shoelace.style, the design system.

custom-elements design-system rails ruby ruby-on-rails shoelace ui ux web-components webcomponents

Last synced: 29 Jan 2025

https://github.com/leoafarias/vizor

A Sci-Fi/Cyberpunk UI Kit for Flutter.

design-system flutter flutter-ui

Last synced: 20 Jan 2025

https://github.com/mrmartineau/react-design-system-boilerplate

At the moment this project is out-of-date and unmaintained. I hope to revisit it soon though... This is a boilerplate for you to create your own design system in React. It has everything setup to allow you to focus on what it is you care about: creating awesome, reusable components.

boilerplate design-system playroom preconstruct react reusable-components storybook theme-ui

Last synced: 28 Oct 2024

https://github.com/swvl/linta

A set of useful lint checks to keep the Android app follow a solid design system

android design-system lint

Last synced: 25 Nov 2024

https://github.com/odaridavid/material-design-android

My stash for all things material, animations, typography, iconography, transitions, Animated VD, Color Palette API, UI design, and more.

animated-vector-drawables animations colorpalette design-system iconography kotlin-android material-design transitions typography ui-design ux-design

Last synced: 28 Oct 2024

https://github.com/mitevpi/vuetify-component-lib-template

Template for creating a component library/design system using Vue.js and Vuetify.js.

component design-system frontend material storybook template vue vuejs vuetify web

Last synced: 21 Nov 2024

https://github.com/natura-cosmeticos/natds-js

React components library by Natura & Co. Design System

design-system material-design material-ui natura react

Last synced: 18 Nov 2024

https://github.com/dataesr/react-dsfr

Non-official React components of the official french Système de Design de l'État.

component-library design-system javascript react styleguide

Last synced: 28 Oct 2024

https://github.com/Convertiv/handoff-app

A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code

bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary

Last synced: 10 Oct 2024

https://github.com/convertiv/handoff-app

A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code

bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary

Last synced: 11 Oct 2024

https://github.com/thesephist/paper.css

Lightweight, modern CSS to add some flair to your web-things 📜

blocks-css branding css design-system ui-components

Last synced: 26 Jan 2025

https://github.com/brentcas/iOS-11-Framer

iOS 11 Design System GUI for Framer

design design-system framer gui ios uikit

Last synced: 14 Nov 2024

https://github.com/vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 01 Feb 2025

https://github.com/roubachof/falotier_riverpod

The purpose of this PoC is to implement main real life app use cases and see if Riverpod elegantly supports all the needed mutations.

design-system flutter flutter-examples freezed gradients immutable-collections proof-of-concept riverpod theme-ui

Last synced: 28 Oct 2024

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

GC Design System Components is a monorepo managing the web components of the GC Design System. | « GC Design System Components » (Composants de Système de design GC) est un référentiel unique qui gère les composants Web de Système de design GC.

canada design-system government government-canada web-components

Last synced: 02 Feb 2025

https://github.com/vutran/dslint

✨ DSLint is an extensible linting tool for designers.

automation design design-system design-systems design-tool design-tools figma lint linters prototype

Last synced: 07 Jan 2025

https://github.com/microsoft/fluentui-token-pipeline

The Fluent UI token pipeline generates source code for Fluent UI libraries.

design-system design-tokens fluent fluent-ui fluentui json microsoft tokens

Last synced: 16 Dec 2024

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

CFPB's work-in-progress design system

design-system hacktoberfest jekyll netlify-cms

Last synced: 02 Feb 2025

https://github.com/assurance-maladie-digital/design-system

📦 Un Design System pour l’Assurance Maladie

cnam components design-system france health-insurance vue vue-cli vuejs

Last synced: 27 Dec 2024

https://github.com/flamingo-ux/flamingo-android

Android implementation of the Flamingo Design System

android design-system jetpack-compose kotlin ksp playground-app

Last synced: 07 Nov 2024

https://github.com/andresrodriguez55/fullstackchatapp

Applied design patterns. Built with django, flutter and mongodb. Mobile messaging application which uses a rest api and web sockets.

agile agile-development chat chat-application design-patterns design-system django django-channels djongo flutter flutter-apps full-stack hive messaging mongodb mongodb-atlas rest-api socket uml websocket

Last synced: 10 Nov 2024

https://github.com/adevinta/spark-android

✨ Simple, Modular & Accessible UI Components for your Android Applications

android design-system

Last synced: 07 Nov 2024

https://github.com/lekoarts/gatsby-starter-specimens

Leverage the wide variety of powerful React components to build your design system. Display colors, typography or any other design tokens with ease. Works seamlessly with MDX.

design design-system gatsby gatsby-themes mdx specimens system theme-ui

Last synced: 31 Dec 2024

https://github.com/Vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 25 Oct 2024

https://github.com/morfeojs/morfeo

Morfeo is a build-time CSS-in-TS solution for the next level theming, with the minimum amount of shipped CSS.

build-time css css-in-js design-system framework-agnostic javascript morfeo morfeo-js react typescript

Last synced: 29 Jan 2025

https://github.com/teambit/evangelist

React components used to build the bit.dev marketing website.

components design-system front-end javascript react reactjs ui ui-components

Last synced: 04 Dec 2024

https://github.com/dipsas/dips.mobile.ui

To support developers building DIPS mobile native apps, the designers maintain a Design System with style resources and components to use. The components are available for the developers by using DIPS.Mobile.UI as a dependency for their app.

android design design-system ios mobile ui-components

Last synced: 11 Nov 2024

https://github.com/betagouv/template-design-system-de-l-etat

Démo du Design System de l'État (ressource non officielle)

design-system

Last synced: 02 Dec 2024

https://github.com/ozontech/kelp

Kelp is an Android Studio plugin that enhances support for custom design systems

android android-studio-plugin design-system design-systems ide-plugin idea-plugin jetpack-compose studio-plugin

Last synced: 07 Nov 2024

https://github.com/doniaskima/react-crafitify

React-Crafitify is a versatile React component library designed to enhance the user interface of your web applications. With a focus on aesthetics and usability, React-Crafitify provides a collection of customizable UI components that can seamlessly integrate into your projects.

class-variance-authority classnames css cva design-system docker javascript react reactjs sass storybook styled-components typescript variants

Last synced: 12 Oct 2024

https://github.com/priceline/design-system-sketch

Tools and resources for Priceline's Design System.

design-system sketch

Last synced: 19 Jan 2025

https://github.com/arthyn/stitchwind

A bridge between Tailwind and Stitches

css-in-js design-system design-tokens stitches tailwind tailwindcss

Last synced: 14 Nov 2024

https://github.com/4-design/for-ui

株式会社スリーシェイクのデザインシステム「For Design System https://for-design-system.pages.dev 」のデザイントークンとコンポーネントライブラリを実装したパッケージ

design-system for-ui fui material-ui mui nextjs react tailwind tailwindcss typescript vite

Last synced: 30 Jan 2025

https://github.com/codelytv/developing_codely_website-course

Developing Codely's website course code examples https://pro.codely.tv/library/maquetando-la-web-de-codely-desde-0-181753

css css-modules css3 design-system html html5 javascript next nextjs react storybook typescript

Last synced: 11 Nov 2024

https://github.com/scania-digital-design-system/sdds

[deprecated] Scanias legacy design system implementation (sdds-)

design-system scania sdds tegel ui ui-components user-experience ux web-components

Last synced: 18 Jan 2025

https://github.com/chanzuckerberg/edu-design-system

Design system for Education Projects

design-system react style-dictionary

Last synced: 30 Jan 2025

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

Vue UI components used in Comento

component-library design-system vue vuejs

Last synced: 30 Jan 2025

https://github.com/cube-js/cube-ui-kit

UI Framework for Cube Projects. Based on React Aria.

components design-system react react-aria storybook uikit

Last synced: 13 Nov 2024

https://github.com/daniel-ac-martin/notgovuk

An implementation of the GOV.UK Design System in React that provides support for writing internal applications in addition to public ones.

component-library design-system govuk govuk-design-system govuk-frontend react

Last synced: 18 Dec 2024

https://github.com/us-cbp/cbp-theme

UI Theme for U.S. Customs and Border Protection web applications

cbp cbp-theme design-system ui-theme

Last synced: 10 Nov 2024

https://github.com/chanzuckerberg/sci-components

2021 Science Design System Component Library

css design-system react theme

Last synced: 29 Jan 2025

https://github.com/db-ui/core

Technical Frontend implementation of the DB UX Design System (Version 2).

a11y accessibility css design-system hacktoberfest html html5 styleguide

Last synced: 30 Jan 2025

https://github.com/US-CBP/cbp-theme

UI Theme for U.S. Customs and Border Protection web applications

cbp cbp-theme design-system ui-theme

Last synced: 25 Nov 2024

https://github.com/team-b1nd/dui-android

DUI : Dodam-UI / Dodam Android Design System with Jetpack Compose

android compose design design-system jetpack-compose kotlin

Last synced: 05 Nov 2024

https://github.com/maritzstl/chameleon

Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

design-system lit-element lit-html webcomponents

Last synced: 14 Oct 2024

https://github.com/MaritzSTL/chameleon

Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

design-system lit-element lit-html webcomponents

Last synced: 04 Nov 2024

https://github.com/naveteam/saturn

Repositório de componentes React baseado no design system da Nave.

design-system react saturn-system styled-component styled-system

Last synced: 18 Nov 2024

https://github.com/powerhome/playbook

Playbook Design System

design-system design-systems ux

Last synced: 01 Nov 2024

https://github.com/onfido/castor

Onfido's design system

design-system html-css react

Last synced: 31 Oct 2024

https://github.com/croz-ltd/tiller

🔖 Tiller DS is an open-source UI library that provides a range of visual, functional components and patterns that speed up design and development.

design-system react storybook tiller tiller-design-system typescript ui-library

Last synced: 30 Oct 2024

https://github.com/brunos3d/nextjs-nx-module-federation

This is an example project to demonstrate how to use Nx, Next.js and Module Federation together.

design-system example javascript microfrontend module-federation monorepo nextjs nx react template tutorial typescript vercel webpack

Last synced: 10 Nov 2024

https://github.com/massgov/mayflower

Mayflower Mono Repo (react and pattern lab and documentation)

component-library design-system patternlab reactjs scss twig

Last synced: 03 Feb 2025

https://github.com/wintercounter/ccss

🔡🔁🎨 CrypticCSS - A companion on the journey to your next CSS-in-JS and/or design system solution.

ccss css design-system emotion mangle minfy react styled-components styled-system

Last synced: 11 Oct 2024

https://github.com/snowball-tech/fractal

The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.

design-system design-tokens figma javascript lodash mono-repository react snowball storybook style-dictionary styleguide stylelint testing-library turborepo typescript vercel yarn yarn3

Last synced: 09 Jan 2025

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

This is the repository for the Appsmith design system components

components design-system react react-components reactjs ui-components ui-library

Last synced: 19 Dec 2024

https://github.com/klaufel/figma-tokens

🎨 A light tool for generate Figma design tokens as variables.

css design design-system design-tokens designsystem figma tokens variables-css

Last synced: 11 Nov 2024

https://github.com/paqtcom/graphite-design-system

Library of components for the Graphite Design System

design-system javascript react typescript vue webcomponents

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,243 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