Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

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

Responsive, theme-based style props for building design systems with React. Written in TypeScript.

css css-in-js design-system design-tokens emotion react style-props styled-components styled-system theming tokens typescript

Last synced: 23 Apr 2025

https://github.com/lightspeed/flame

Component library for building Lightspeed products

css-in-js design-system emotion react styled-system typescript

Last synced: 12 Apr 2025

https://github.com/ruru-m07/ruru-ui

Ruru UI is a design system for building classic web applications.

design design-system fumadocs library mdx nextjs ruru ruru-ui tailwind-css typescript ui

Last synced: 05 Apr 2025

https://github.com/yourssu/yds-ios

Yourssu Design System for iOS

design-system ios swift

Last synced: 20 Nov 2024

https://github.com/3yourmind/kotti

💅 3YOURMIND’s Vue UI Framework & Design System

design-system ui-framework vue

Last synced: 12 Apr 2025

https://github.com/db-ux-design-system/core-web

DB UX Design System Monorepo - Provides Design Tokens and components for Web UIs

a11y accessibility angular components css design-system html mitosis nextjs react scss tailwindcss vue

Last synced: 06 Apr 2025

https://github.com/codecademy/gamut

Shared frontend design system for Codecademy! ✨

codecademy design-system react

Last synced: 08 Apr 2025

https://github.com/ceteio/chakra-capsize

The power of capsize inside Chakra UI

capsize chakra-ui design-system spacing typography

Last synced: 13 Dec 2024

https://github.com/bem/themekit

Build system of design-tokens for any platforms

build-system design-system design-tokens design-tool style-dictionary style-tokens

Last synced: 04 Apr 2025

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

Modern and powerful CSS framework, prebuilt with grid system, elegant design and flexible components helps you to develop powerful interfaces faster and easier.

components css css-framework design-system grid grid-layout hacktoberfest responsive scss scss-framework scss-mixins

Last synced: 06 Apr 2025

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

Design Tokens, Assets, and Planning for the Infor Design System

design-system infor style-dictionary

Last synced: 09 Apr 2025

https://github.com/inovex/elements

Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.

angular components design-system elements inovex-elements interoperability javascript monorepo nx react stencil storybook ui-components vue web-components

Last synced: 17 Mar 2025

https://github.com/sammdec/theme-ui-native

Build consistent, themeable React Native apps based on constraint-based design principles

color design-system design-tokens layout react react-native style theme typography ui

Last synced: 06 Dec 2024

https://github.com/nhsuk/nhsuk-service-manual

Design and build digital services for the NHS. Use the service manual to build consistent, usable services that put people first.​ Learn from the research and experience of other NHS teams.

design-system service-manual

Last synced: 06 Apr 2025

https://github.com/fremtind/jokul

Jøkul er et designsystem utviklet av Fremtind.

design-system designsystem fremtind react sass scss

Last synced: 09 Apr 2025

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: 24 Apr 2025

https://github.com/sberdevices/plasma

💠 Дизайн-Система для создания навыков семейства Виртуальных Ассистентов "Салют"

design-system plasma ui-kit

Last synced: 22 Feb 2025

https://github.com/square/maker

Maker Design System by Square

component-library design-system vuejs

Last synced: 24 Nov 2024

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: 14 Apr 2025

https://github.com/dnum-mi/vue-dsfr

Portage en Vue du DSFR

design-system dsfr vue vue-dsfr vuejs

Last synced: 12 Apr 2025

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

Design system library by pixiv

design-system ios swift swiftui ui-library uikit

Last synced: 09 Apr 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: 14 Feb 2025

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: 12 Apr 2025

https://github.com/microsoft/atlas-design

Atlas Design System serves the Microsoft Learn design & engineering teams. We are a CSS-first design system that aspires to beautiful, accessible, themeable, reading-direction-agnostic components.

css cssframework design-system front-end microsoft-learn

Last synced: 16 Apr 2025

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/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: 12 Apr 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/thoughtbot/design-system

thoughtbot design system (tbds)

css design-system sass

Last synced: 05 Apr 2025

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: 26 Mar 2025

https://github.com/wework/ray

Resources for building interfaces with WeWork's design system

css design-system js ui

Last synced: 07 Apr 2025

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: 06 Apr 2025

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: 12 Apr 2025

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

Design system that powers the BigCommerce ecosystem.

bigcommerce design-system react

Last synced: 08 Apr 2025

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: 25 Apr 2025

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

Natura Design System - Nativo Android

android design-system kotlin kotlin-android natura

Last synced: 10 Feb 2025

https://github.com/c8r/lab-cli

Command line utilities and exporting module for Compositor Lab

cli components compositor css design-system emotion fela glamorous lab react styled-components vue

Last synced: 12 Apr 2025

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/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: 21 Mar 2025

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: 04 Apr 2025

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/growingio/gio-design

A React UI library and GrowingIO Design System

design-system growingio react

Last synced: 26 Dec 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: 13 Apr 2025

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: 14 Apr 2025

https://github.com/leoafarias/vizor

A Sci-Fi/Cyberpunk UI Kit for Flutter.

design-system flutter flutter-ui

Last synced: 13 Apr 2025

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: 12 Feb 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: 21 Mar 2025

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: 21 Mar 2025

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/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: 14 Feb 2025

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: 21 Mar 2025

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 Feb 2025

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: 10 Feb 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/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: 20 Mar 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: 13 Apr 2025

https://github.com/vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 05 Apr 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/virtuslab/tetrisly-react

Tetrisly offers user-friendly components designed for effortless integration. Plus, it's fully compatible with Tetrisly for Figma with a seamless design and development experience in mind.

design-system design-tokens figma react styled-components xstyled

Last synced: 15 Apr 2025

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

✨ Design system core library

design-system react

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

https://github.com/oceanbase/oceanbase-design

An enterprise-class design system based on Ant Design and extending it.

design-system oceanbase oceanbase-design react typescript ui-kit ui-library

Last synced: 14 Apr 2025

https://github.com/woozdesign/ui

An open-source design library for building simple, useful, and impactful design.

design-system react typescript ui-kit ui-library woozdesign

Last synced: 10 Apr 2025

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: 12 Apr 2025

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: 14 Apr 2025

https://github.com/astahmer/panda-monorepo-setup

Panda monorepo setup examples

component design-system library monorepo panda

Last synced: 10 Apr 2025

https://github.com/Vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 14 Mar 2025

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: 09 Apr 2025

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: 10 Apr 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: 29 Apr 2025

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: 13 Apr 2025

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

Tools and resources for Priceline's Design System.

design-system sketch

Last synced: 12 Mar 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

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,272 Design systems 313 Frameworks / Resources 237 Design tokens 172 Read and Digest 167 Stock 69 Blog post 61 Design system frontend 40 Styleguide and Branding 40 Icon and Logo 37 Color 37 Tools 30 Typography 30 Slides, Videos, Podcasts 27 Pattern library 25 Plugins 24 Conference and Festival 23 Design system 22 Podcast 20 Toolkit 20