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/city-of-helsinki/helsinki-design-system

Components, principles, documentation and templates for the City of Helsinki design system.

css design-system design-systems react sass

Last synced: 31 Jan 2025

https://github.com/terrazzoapp/terrazzo

Use DTCG tokens JSON to generate code for web, mobile, native apps, and more

css design design-system design-systems design-tokens dtcg sass style style-tokens tokens typescript w3c

Last synced: 01 Feb 2025

https://github.com/ahmedmigo/Move-to-library-sketchplugin

You can now move symbol from your project to any library and re-attach all the symbol instances to this library. also it keep the overrides without any problems and it work with abstract that have libraries not in your local machine

design-system design-tools library move sketch sketch-plugin symbols ui ux

Last synced: 11 Nov 2024

https://github.com/odaridavid/weatherapp

☁️ ❄️ A KMP weather app built with Jetpack Compose , MVI , Unit Testing , Hilt and Location Services, Github Actions, Firebase + Material 3

android androidpermission bitrise compose design-system firebase github-actions hilt ios jetpack kmm kmp kotlin location-services material3-android mvi openweatherapi weather

Last synced: 01 Feb 2025

https://github.com/juntossomosmais/atomium

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

custom-elements design-system design-systems design-tokens designsystem ionic nx stenciljs storybook typescript web-components webcomponents

Last synced: 01 Feb 2025

https://github.com/italia/design-ui-kit

UI Kit Italia è la risorsa del design system .italia per costruire e prototipare siti internet e servizi digitali della Pubblica Amministrazione

design-system figma gov government italia sketch ui-components

Last synced: 31 Jan 2025

https://github.com/gabrieldrn/carbon-compose

Carbon design system implementation with KMP and Compose Multiplatform

android carbon-design-system compose-multiplatform design-system kotlin-library kotlin-multiplatform kotlin-native wasm

Last synced: 19 Jan 2025

https://github.com/vmware-clarity/core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.

a11y angular clarity design-system javascript react ui-components vue web-components

Last synced: 24 Nov 2024

https://github.com/ant-design/html2sketch

parser HTML to Sketch JSON

c2d design design-system html2sketch

Last synced: 01 Feb 2025

https://github.com/nextjs-components/nextjs-components

A collection of React components, transcribed from https://vercel.com/design.

components css-modules design design-system nextjs react typescript

Last synced: 02 Feb 2025

https://github.com/SXX19950910/manifest-design

vue开发的商品标签设计插件 && 系统，功能包含：设计，预览，打印

canvas design-system draggable javascript manifest plugin print templates vue

Last synced: 13 Nov 2024

https://github.com/5t3ph/a11y-color-tokens

Generate accessible UI colors from your base color tokens.

a11y accessibility color css design-system design-tokens sass tokens

Last synced: 23 Jan 2025

https://github.com/kiwicom/orbit-compose

Android Jetpack Compose components of open-source Orbit design system by Kiwi.com.

android design-system jetpack-compose kotlin orbit

Last synced: 07 Nov 2024

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

Hack Club's (old) design system

design-system hackclub

Last synced: 02 Jan 2025

https://github.com/rescriptbr/ancestor

:skull: UI primitives for ReScript and React

css design-system react reactjs rescript rescript-react ui ui-primitives

Last synced: 31 Oct 2024

https://github.com/imodeveloperlab/dskit

A design system with a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.

design design-system ecommerce feed ios rss shopify swift system template

Last synced: 10 Jan 2025

https://github.com/semrush/intergalactic

Intergalactic Design System is a constantly developing design system and library of React components.

component-library components d3js design-system design-systems designsystem react reactjs styleguide ui

Last synced: 31 Jan 2025

https://github.com/ebisucom/next-react-website

『作って学ぶ Next.js/React Webサイト構築』のダウンロードデータです。

blog design-system figma microcms netlify nextjs react vercel

Last synced: 19 Dec 2024

https://github.com/khan/wonder-blocks

React components for Wonder Blocks design system.

design-system react ui-components

Last synced: 02 Feb 2025

https://github.com/juntossomosmais/venice

[outdated] Design System of @juntossomosmais

css-modules design-system hacktoberfest lerna monorepo react typescript vue

Last synced: 26 Jan 2025

https://github.com/appandflow/react-native-design-utility

Utility for building design system in react-native. Idea from TailwindCSS

design-system react-native react-native-component tailwindcss typescript

Last synced: 29 Dec 2024

https://github.com/popovanton0/Blueprint

📐 Visualize the dimensions of your composables on a blueprint!

android compose-ui debugging-tools design-system jetpack-compose ui

Last synced: 07 Nov 2024

https://github.com/mrfatworm/zzz-archive

A Zenless Zone Zero wiki app built with Compose Multiplatform. Available on Google Play, App Store, and Microsoft Store.

android compose-multiplatform design-system figma ios jetpack-compose kotlin kotlin-multiplatform macos windows zenless-zone-zero

Last synced: 28 Jan 2025

https://github.com/windicss/windicss-analysis

🔍 A visual analyzer for Windi CSS

analyzer design-system windcss

Last synced: 24 Nov 2024

https://github.com/nado1001/style-dictionary-tailwindcss-transformer

This is a plugin to generate the config of Tailwind CSS using Style Dictionary

design-system design-tokens style-dictionary tailwind tailwindcss

Last synced: 03 Feb 2025

https://github.com/trendmicro-frontend/tonic-ui

Tonic UI is a UI component library for React, built with Emotion and Styled System. It is designed to be easy to use and easy to customize.

color-mode design-patterns design-system emotion react react-components react-hooks styled-system theme

Last synced: 28 Jan 2025

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

The Finastra Design System provided as a theme and components library

components css design-system design-tokens finance fintech sass theme ui ux-design web-components

Last synced: 29 Jan 2025

https://github.com/royal-navy/design-system

Build web applications that meet the Royal Navy service standards

component-library design-system design-tokens fonts icons lint-config monorepo react storybook

Last synced: 02 Feb 2025

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

The Equinor design system

design-system hacktoberfestivus

Last synced: 31 Jan 2025

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

The Swiss Post Design System - for a consistent and accessible user experience across the web platform.

design-system pattern-library web-components

Last synced: 15 Nov 2024

https://github.com/openedx/paragon

💎 An accessible, theme-ready design system built for learning applications and Open edX.

accessibility component-library design-system react react-components

Last synced: 31 Jan 2025

https://github.com/buildo/bento-design-system

A customizable and extensible Design System framework for React.js projects

design-system figma react react-aria typescript vanilla-extract

Last synced: 03 Feb 2025

https://github.com/rocketchat/fuselage

React port of Rocket.Chat's design system, Fuselage

design-system hacktoberfest monorepo react rocketchat

Last synced: 31 Jan 2025

https://github.com/mateoroldos/tokenbase

Create, manage and distribute design tokens.

css design-system design-system-manager design-tokens ui-design

Last synced: 03 Feb 2025

https://github.com/jordienr/astro-design-system

This is a theme/starter project for design systems built in Astro. You can install and import your own component library and document all your design decisions and components.

astro design-system theme

Last synced: 13 Oct 2024

https://github.com/webpixels/css

Utility and component-centric design system leveraging Bootstrap 5 for rapid, responsive UI development.

bootstrap bootstrap-components bootstrap-template bootstrap5 component-centric css css-framework design-system sass scss ui-components ui-development ui-library utility-classes

Last synced: 03 Feb 2025

https://github.com/formaat-design/reshaped

Community repository for storing examples, reporting issues and tracking roadmap

community design design-system discussions react reshaped ui ui-components

Last synced: 29 Jan 2025

https://github.com/RocketCommunicationsInc/astro

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.

astrouxds design-system ground-resource-management satellite-tracking space-force stenciljs ussf web-components

Last synced: 25 Oct 2024

https://github.com/rocketcommunicationsinc/astro

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.

astrouxds design-system ground-resource-management satellite-tracking space-force stenciljs ussf web-components

Last synced: 02 Feb 2025

https://github.com/peruvianidol/coolcss

The last CSS framework I'll (hopefully) ever have to make

css css-framework design-system design-tokens

Last synced: 27 Oct 2024

https://github.com/moishinetzer/pbandj

Zero-Config Reusable Component Framework for React 🥜💜

design-system library npm package react reactjs storybook styleguide typescript zero-config

Last synced: 27 Oct 2024

https://github.com/magnetis/astro

An open source design system by Magnetis

component-library design-system design-systems hacktoberfest

Last synced: 14 Nov 2024

https://github.com/ticketmaster/aurora

Shared UI Library for Ticketmaster

design-system react styled-components ticketmaster ui-library

Last synced: 28 Oct 2024

https://github.com/gsoft-inc/sg-orbit

The design system for ShareGate web apps.

components design-system react storybook

Last synced: 28 Jan 2025

https://github.com/calebnance/expo-slack

Slack UI Clone with React Native & Expo

design-system expo react-native react-navigation slack ui

Last synced: 22 Nov 2024

https://github.com/itsjavi/storylite

A lightweight alternative to StoryBook for React, built on top of Vite⚡️, compatible with CSF 3.0

component-driven component-library component-story-format csf csf3 design-system react stories storybook vite vitejs

Last synced: 08 Nov 2024

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

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.

bulma-css components design-system hacktoberfest stenciljs web-components

Last synced: 01 Feb 2025

https://github.com/axafrance/react-toolkit

Flexible components html + css + react using BEM convention. Maybe, you can call it "Design System" !

axa bem-convention design-system front-end-development javascript reactjs software storybook tools

Last synced: 01 Feb 2025

https://github.com/washingtonpost/wpds-ui-kit

WPDS's UiKit coded in React using Stitches, Radix UI and more! Also home to our docs site

components design-system styleguide wpds

Last synced: 02 Feb 2025

https://github.com/kickstartds/kickstartds

kickstartDS mono-repository, containing all packages but config related ones and the content component module

components design-system es6 eslint html html5 javascript prettier react storybook styleguide stylelint typescript ui ui-components

Last synced: 29 Jan 2025

https://github.com/kickstartDS/kickstartDS

kickstartDS mono-repository, containing all packages but config related ones and the content component module

components design-system es6 eslint html html5 javascript prettier react storybook styleguide stylelint typescript ui ui-components

Last synced: 06 Dec 2024

https://github.com/kjantzer/bui

‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing

buildwithlit custom-elements design-system javascript lit lit-element lit-html lit-html-element ui-components ui-framework ui-library web-components webcomponents

Last synced: 01 Feb 2025

https://github.com/yukukotani/just-styled

A dead simple CSS-in-JS for React 19

css-in-js design-system react typescript

Last synced: 03 Feb 2025

https://github.com/wearegenki/minna-ui

😸 A fast, friendly, and fun web UI kit for everyone.

css-framework design-system javascript minna-ui postcss svelte wearegenki web-components

Last synced: 29 Jan 2025

https://github.com/WeAreGenki/minna-ui

😸 A fast, friendly, and fun web UI kit for everyone.

css-framework design-system javascript minna-ui postcss svelte wearegenki web-components

Last synced: 28 Oct 2024

https://github.com/denali-design/denali-css

Themeable CSS framework of Denali UI components

css denali design-system hacktoberfest scss ui ui-components

Last synced: 31 Jan 2025

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

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

bem component-library components css css-variable design-system hacktoberfest hacktoberfest2024 innovaccer javascript react typescript ui ui-components

Last synced: 03 Feb 2025

https://github.com/cloudscape-design/demos

Cloudscape Design System demos

design-system react

Last synced: 28 Jan 2025

https://github.com/Endava/BEEQ

BEEQ Design System, a web component library ruled by Endavan developers :)

component-library components design-system endava endavans stenciljs tailwindcss ui-components web-components

Last synced: 15 Nov 2024

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

💅 3YOURMIND’s Vue UI Framework & Design System

design-system ui-framework vue

Last synced: 29 Jan 2025

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

Decathlon Design System UI components for Android applications

android android-library components decathlon design design-system material-design mobile vitamin

Last synced: 10 Nov 2024

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

Yourssu Design System for iOS

design-system ios swift

Last synced: 20 Nov 2024

https://github.com/lukasbombach/tree-shakable-component-library

A blueprint for a component library with tree-shaking, TypeScript and a MonoRepo

component-library design-system tree-shaking typescript

Last synced: 14 Nov 2024

https://github.com/Decathlon/vitamin-android

Decathlon Design System UI components for Android applications

android android-library components decathlon design design-system material-design mobile vitamin

Last synced: 07 Nov 2024

https://github.com/lightspeed/flame

Component library for building Lightspeed products

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

Last synced: 28 Jan 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: 03 Feb 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: 05 Nov 2024

https://github.com/bearstudio/react-native-ficus-ui

🌱 React Native Ficus UI is a UI library to help you easily design and develop your applications

design-system expo react-native

Last synced: 28 Jan 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: 29 Jan 2025

https://github.com/codecademy/gamut

Shared frontend design system for Codecademy! ✨

codecademy design-system react

Last synced: 02 Feb 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: 30 Jan 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: 24 Jan 2025

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

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: 01 Feb 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: 30 Jan 2025

https://github.com/fremtind/jokul

Jøkul er et designsystem utviklet av Fremtind.

design-system designsystem fremtind react sass scss

Last synced: 02 Feb 2025

https://github.com/sberdevices/plasma

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

design-system plasma ui-kit

Last synced: 14 Oct 2024

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

Portage en Vue du DSFR

design-system dsfr vue vue-dsfr vuejs

Last synced: 31 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 Icon and Logo 37 Color 37 Typography 30 Tools 30 Slides, Videos, Podcasts 27 Pattern library 24 Conference and Festival 23 Design system 23 Plugins 23 Toolkit 20 Podcast 20