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

πŸ” Junipero Design System React components

color-picker date-picker design-system forms modal react react-components slider switch tags-input toggle

Last synced: 02 Nov 2024

https://github.com/mimshins/react-design-tokens

An optimized and creative theming solution that generates CSS variables based on the tokens provided.

design design-system react theme theme-provider tokens

Last synced: 11 Nov 2024

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

OONI Components design system

design-system ooni react react-components ux

Last synced: 15 Nov 2024

https://github.com/freshworks/nucleus

Nucleus - The Freshworks Design System in Ember

component-library design-system ember-addon emberjs front-end nucleus

Last synced: 07 Nov 2024

https://github.com/tjhillard/steller-css

⛰️ A utility-first CSS framework that serves as the foundation of your design system

atomic-css css-framework design-system functional-css utility-classes

Last synced: 14 Nov 2024

https://github.com/itsjonq/wordpress-design-guidelines

πŸ“š WordPress: Design Guidelines

design design-system guidelines wordpress

Last synced: 14 Nov 2024

https://github.com/vinyl-davyl/vinyl-component-blocks

🧱 Reusable, Modular and Styled UI Component Library. Stop repeating work, install, call, use and modify.

accessibility authorization component-library components components-library design design-system library typescript ui ui-components ui-library

Last synced: 10 Nov 2024

https://github.com/mati365/under-control

πŸ“ πŸ• Are you losing sanity every time you need to make a form? Are you have enough of all antipatterns and cursed frameworks in React? Screw that! Treat all forms and inputs as a recursive composable control!

controls design-system form forms framework inputs react two-way-databinding typescript validation

Last synced: 01 Nov 2024

https://github.com/nuxt-themes/tokens

Design Tokens synced with Nuxt design team Figma.

design-system design-tokens nuxt theme

Last synced: 10 Oct 2024

https://github.com/mia-platform/design-system

React graphical components designed by Mia Platform

design-system hacktoberfest react-components

Last synced: 06 Nov 2024

https://github.com/govtechsg/sgds

SGDS is a frontend framework that aims to provide a beautiful common visual language and user experience for visitors of Singapore Government websites.

design-system javascript jekyll singapore-government webpack

Last synced: 11 Oct 2024

https://github.com/cypress-io/cypress-design

Find here all the components to build UI with the Cypress Brand

components design-system react vue

Last synced: 09 Nov 2024

https://github.com/seanwuapps/soft-components

Decorative UI Toolkit based on Neumorphism design

css design-system front-end html javascript ui-kit web-components

Last synced: 05 Nov 2024

https://github.com/hhogg/preshape

A minimal design system and library of React components.

design-system pattern-library react

Last synced: 09 Nov 2024

https://github.com/meshtastic/design

Visual communication of the meshtastic project

design design-system icons logo meshtastic

Last synced: 09 Nov 2024

https://github.com/element-hq/compound

Element's design system

design-system element matrix

Last synced: 06 Nov 2024

https://github.com/hashicorp/flight

Archived. The flight repo now lives in the design-system monorepo

design-system flight icons svg

Last synced: 27 Sep 2024

https://github.com/mikaelvesavuori/figmagic-action

Use Figmagic to retrieve tokens, graphics, and/or React components from a Figma document.

design-system design-tokens figma figma-api figmagic tokens ux

Last synced: 11 Oct 2024

https://github.com/leemonade/bubbles

The Bubbles Design System is Leemonade's open-source design system for products and experiences.

bubbles design-system leemons mantine react storybook

Last synced: 31 Oct 2024

https://github.com/studio24/apollo

Front-end framework to help build websites with performance and accessibility as first-class passengers

css design-system html pattern-library

Last synced: 13 Nov 2024

https://github.com/volverjs/ui-vue

Lightweight Vue 3 component library to accompany @volverjs/style.

component-library components design-system vue vue-components vue3 vuejs

Last synced: 08 Nov 2024

https://github.com/lmc-eu/twigx-bundle

JSX like component syntax for Twig templating language

design-system jsx symfony symfony-bundle syntax twig

Last synced: 13 Oct 2024

https://github.com/popovanton0/kira

πŸŽ›οΈ Automatically generates UI which allows users to call any function (including composable ones) with any parameter values. Useful for building demo screens in playground apps of design systems

android annotation-processor code-generation demo-app design-system jetpack-compose kotlin ksp playground-app

Last synced: 07 Nov 2024

https://github.com/sneko/dsfr-connect

This library themes your favorite UI framework to look like the official DSFR as much as possible

ant-design antd bootstrap bulma chakra-ui chakraui design-system dsfr foundation headlessui mui semantic-ui tailwind tailwindcss theme theming vuetify vuetifyjs

Last synced: 03 Sep 2024

https://github.com/weareunderdesign/rene.css

The CSS Framework

css design-system

Last synced: 09 Nov 2024

https://github.com/netease/tango-components

An UI library for tango low-code builder

component-library design-system low-code tango

Last synced: 16 Nov 2024

https://github.com/benji6/eri

A minimal design system

component-library design-system react

Last synced: 25 Oct 2024

https://github.com/nclsndr/design-tokens-format-module

A Typescript implementation of the Design Tokens Format Module specification

design-system design-tokens

Last synced: 02 Nov 2024

https://github.com/dherault/honorable

πŸ™ A UI library for implementing any design system in React

components design-system library react

Last synced: 28 Oct 2024

https://github.com/studiometa/ui

πŸ“¦ A set of opiniated, unstyled and accessible components

components design-system twig ui-kit

Last synced: 05 Nov 2024

https://github.com/buildit/gravity-particles

The "single source of truth" for design tokens and assets used throughout Buildit's Gravity design system

buildit-gravity design-system design-tokens

Last synced: 03 Aug 2024

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

슀마트 슀쿨 ν”Œλž«νΌ '도담도담' SwiftUI λ””μžμΈ μ‹œμŠ€ν…œ

design-system ios macos swift swiftui

Last synced: 05 Nov 2024

https://github.com/maibornwolff/mwui

Storybook (dev): https://maibornwolff.github.io/mwui-dev

angular component-library components design-system react stencil storybook vue web-components

Last synced: 10 Nov 2024

https://github.com/resir014/chungking

resir014's personal design system.

component-library design-system react typescript

Last synced: 23 Oct 2024

https://github.com/nunes22/adaptflex

Adaptive ReasonML Design System

component-library design-system react reasonml reasonreact

Last synced: 04 Aug 2024

https://github.com/jakobw/style-dictionary-format-json-schema

Generate JSON schemas for style-dictionary files to improve text editor support

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

Last synced: 27 Oct 2024

https://github.com/dizer2/mono-bank.app

This is a app in which you can create your own card 🐲🐲🐲

account card credit-card custom-cursor design-system html5 jquery-plugin localstorage scss-framework ux-ui-design

Last synced: 15 Oct 2024

https://github.com/filecoin-project/slate-react-system

A component, constants, and experience library for the Filecoin Network / Textile Services

component-library design-system filecoin ipfs react

Last synced: 03 Sep 2024

https://github.com/radespratama/colorcrafts

🎨 A color system for designing beautiful and accessible interfaces.

color color-palette color-scheme color-theme colors design design-system npm stitches typescript

Last synced: 14 Oct 2024

https://github.com/dialpad/dialtone

The main repository for all of Dialpad's design system resources.

css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3

Last synced: 29 Oct 2024

https://github.com/openpatch/patches

The OpenPatch Design System

design-system emotion react reactjs

Last synced: 08 Nov 2024

https://github.com/project44/archived-manifest-ui

[Deprecated] Themeable design system for the project44

design-system percy-io playroom radix-ui react stitches storybook

Last synced: 01 Oct 2024

https://github.com/diconium/ui-toolbox

Common UI components library to build similar themed React web applications faster.

components-library design-system diconium hacktoberfest opensource react react-component-library storybook tailwindcss toolbox ui

Last synced: 11 Oct 2024

https://github.com/daangn/kdt

A deadly-simple, yet powerful language and framework to improve design tokens workflow.

design-system design-tokens dsl

Last synced: 10 Nov 2024

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

GrowingIO Design SVG Icons

design-system growingio react svg-icons

Last synced: 13 Oct 2024

https://github.com/temzasse/figmage

A simple CLI tool that helps you generate design tokens as code from your Figma project.

cli design-system design-tokens figma

Last synced: 14 Oct 2024

https://github.com/mikemai2awesome/minimalist

CSS Framework for mikemai.net pre 2023.

css design design-system framework html minimalism scss

Last synced: 11 Oct 2024

https://github.com/psharanda/nativebook

A toolkit for Implementing, maintaining, documenting and evolving a shared set of UI components inspired by Storybook.js

design-system ios snapshot-testing swiftui-previews ui-components uikit uiview

Last synced: 14 Oct 2024

https://github.com/creativecommons/vocabulary

A cohesive system of design for Creative Commons

accessibility creative-commons css design-system html javascript ui ux

Last synced: 14 Nov 2024

https://github.com/sjefvanleeuwen/nl-design-system-blazor

NL Design System for Blazor The NL Design System is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts the system so the components can be used from .NET Core Blazor (Web Assembly is supported).

blazor component-library design-system gebruiker-centraal government nl-design-system wasm web-assembly web-components

Last synced: 23 Oct 2024

https://github.com/matteusan/sentro

A low-level SCSS library for building robust token-driven design systems at scale.

css design design-system design-token design-tokens frontend scss scss-framework theme token tokens

Last synced: 15 Oct 2024

https://github.com/kashif-e/swiftui-material-theming

This repository contains a sample implementation of Material Theming in SwiftUI. It includes custom structs for typography, colors, shapes, and spacing, as well as a ThemeManager and custom ViewModifiers for easy implementation in your own projects

android androiddeveloper design-system ios kotlin-multiplatform material-ui swift swiftui swiftui-demo swiftui-example swiftui-learning

Last synced: 08 Nov 2024

https://github.com/puzzle/puzzle-shell

The standard design for Puzzle tools

design-system lit storybook webcomponents

Last synced: 12 Nov 2024

https://github.com/team-aliens/design-system

The FrontEnd Aliens Design System

design-system storybook

Last synced: 13 Oct 2024

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

슀마트 슀쿨 ν”Œλž«νΌ '도담도담' Jetpack Compose λ””μžμΈ μ‹œμŠ€ν…œ

android design-system jetpack-compose kotlin

Last synced: 05 Nov 2024

https://github.com/resir014/stereo

Monorepo for all npm libraries I use personally.

design-system javascript monorepo react react-hooks typescript

Last synced: 11 Oct 2024

https://github.com/x-govuk/govuk-markdown

Convert Markdown into GOV.UK Frontend-compliant HTML.

design-system govuk markdown marked

Last synced: 08 Nov 2024

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

Furious - a design system based on FAST Frame

backlight design-system fast webcomponents

Last synced: 13 Nov 2024

https://github.com/woylie/barker

SCSS starter kit for design systems

design-system sass scss scss-framework starter-kit

Last synced: 15 Oct 2024

https://github.com/loreanvictor/nokss

A drop-in stylesheet enough for getting started

css design-system web

Last synced: 12 Oct 2024

https://github.com/metonym/svelte-primer

Svelte implementation of the GitHub Primer design system

component-library components design-system github github-primer primer svelte

Last synced: 13 Oct 2024

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

Hazel UI is a flexible React component library that lets you quickly build web elements the way you want. It is built with the goal to allow maximum possible customization and speed of development.

design-system hacktoberfest react react-component-library styled-components styled-system typescript

Last synced: 07 Nov 2024

https://github.com/aragon/ods

Implementation of the Aragon's Open Design System

aragon design-system open-design-system react tailwind

Last synced: 15 Oct 2024

https://github.com/cycraft/planetar

A Vue framework for creating a design system styleguide with interactive component explorer πŸͺ

api-card component-explorer design-system showcase storybook styleguide styleguidist vue vue-framework vuejs

Last synced: 17 Oct 2024

https://github.com/codenteq/interfeys

Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.

components design-system frontend javascript typescript uikit web-components

Last synced: 14 Oct 2024

https://github.com/MatteuSan/sentro

A low-level SCSS library for building and managing token-driven design systems.

css design design-system design-token design-tokens frontend scss scss-framework theme token tokens

Last synced: 28 Oct 2024

https://github.com/owanturist/elm-bulletproof

Make your components Bulletproof

design-system elm storybook ui ui-components

Last synced: 28 Oct 2024

https://github.com/Mercen-Lee/dui-ios

DUI : Dodam-UI / Dodam iOS Design System with SwiftUI

design design-system ios swift swiftui

Last synced: 23 Oct 2024

https://github.com/0wczar/saasui-illustrations

Free illustrations for your documentation or design system.

design-system documentation free-illustrations illustrations ui-design

Last synced: 12 Nov 2024

https://github.com/seppwc/matchacss

Matcha is a minimal CSS design system and framework to try and influence the use of the 'Cascade' in CSS and promote the use of semantic HTML.

classless css design-system framework reset sass

Last synced: 12 Nov 2024

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

Fully configurable framework-agnostic theme system (spec, theme, renderer, themed styles/keyframes/CSS variables) for building UIs. Your theme your rules 🀘.

css design-system spec theme ui ui-system uinix

Last synced: 06 Nov 2024

https://github.com/metonym/svelte-uswds

Svelte component library that implements the U.S. Web Design System (USWDS).

component-library design-system svelte us-web-design-system uswds

Last synced: 13 Oct 2024

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

DIPS Mobile DesignTokens is a repository to store DIPS resources that is used in the Android and iOS apps.

automation design design-system design-tokens

Last synced: 11 Nov 2024

https://github.com/nclsndr/design-tokens-tools

Tools to parse and manipulate design tokens based on the Design Token Format Module specification.

design-system design-system-manager design-token-format-module design-tokens

Last synced: 02 Nov 2024

https://github.com/unstoppabledomains/ui-kit

A set of common Unstoppable Domains components 🧩

components design-system react storybook typescript ui uikit web3

Last synced: 15 Nov 2024

https://github.com/sapcc/juno

Monorepo for the Juno microfrontend framework, microfrontend apps, design system and component library

component-library design-system microfrontend-architecture microfrontends reactjs tailwindcss

Last synced: 09 Nov 2024

https://github.com/alaskaairlines/webcorestylesheets

The core front-end framework for building experiences with the Orion Design System and transition to the Auro Design System.

auro css design-system sass

Last synced: 01 Nov 2024

https://github.com/guichristovao/poke-themes

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

android design-system snapshot theme

Last synced: 07 Nov 2024

https://github.com/gravitee-io/gravitee-ui-particles

πŸͺ Set of UI components and UX rules used in Gravitee.io's consoles.

angular design-system gravitee graviteeio hacktoberfest ui-components

Last synced: 11 Oct 2024

https://github.com/wildonion/hoopoe

πŸ•ŠοΈ a mesmerizing example engine of handling realtime streaming process in an async and concurrent manner with Redis, RMQ, Kafka and WebSocket

actix-web actor-model asynchronous design-system multithreading onion-architecture postgresql rabbitmq redis seaorm sqlx tokio-rs

Last synced: 07 Nov 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/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/rririanto/react-ui-design-system

My collection of awesome React UI libraries & Based Design Systems

design design-system reactjs reactjs-components ui ui-components ux-design

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

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