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/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: 11 Oct 2024

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

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/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: 14 Oct 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: 14 Nov 2024

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

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

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/siemens/ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.

angular design-system frontend industrial react siemens siemens-ix stenciljs typescript ui ui-components ui-framework web webcomponents

Last synced: 11 Oct 2024

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: 06 Aug 2024

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

React components for Wonder Blocks design system.

design-system react ui-components

Last synced: 17 Nov 2024

https://github.com/juntossomosmais/venice

[outdated] Design System of @juntossomosmais

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

Last synced: 31 Oct 2024

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

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

blog design-system figma microcms netlify nextjs react vercel

Last synced: 11 Oct 2024

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: 13 Nov 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/windicss/windicss-analysis

🔍 A visual analyzer for Windi CSS

analyzer design-system windcss

Last synced: 06 Aug 2024

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

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

The Equinor design system

design-system hacktoberfestivus

Last synced: 12 Nov 2024

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

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

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/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: 11 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: 06 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 Nov 2024

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

Slack UI Clone with React Native & Expo

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

Last synced: 06 Nov 2024

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

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

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

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/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: 31 Oct 2024

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

Cloudscape Design System demos

design-system react

Last synced: 13 Nov 2024

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: 16 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: 10 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: 29 Oct 2024

https://github.com/mateoroldos/tokenbase

Create, manage and distribute design tokens.

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

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

The power of capsize inside Chakra UI

capsize chakra-ui design-system spacing typography

Last synced: 26 Oct 2024

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

Highly extensible and powerful CSS framework, prebuilt with grid system, elegant design and flexible components helps you to develop powerful interfaces.

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

Last synced: 01 Nov 2024

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

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: 27 Oct 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: 15 Nov 2024

https://github.com/fremtind/jokul

Jøkul er et designsystem utviklet av Fremtind.

design-system designsystem fremtind react sass scss

Last synced: 16 Nov 2024

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

https://github.com/sberdevices/plasma

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

design-system plasma ui-kit

Last synced: 14 Oct 2024

https://github.com/square/maker

Maker Design System by Square

component-library design-system vuejs

Last synced: 06 Aug 2024

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/pixiv/charcoal-ios

Design system library by pixiv

design-system ios swift swiftui ui-library uikit

Last synced: 17 Nov 2024

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

thoughtbot design system (tbds)

css design-system sass

Last synced: 11 Nov 2024

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/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 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/wework/ray

Resources for building interfaces with WeWork's design system

css design-system js ui

Last synced: 06 Nov 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: 12 Aug 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/dnum-mi/vue-dsfr

Portage en Vue du DSFR

design-system dsfr vue vue-dsfr vuejs

Last synced: 03 Sep 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/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/growingio/gio-design

A React UI library and GrowingIO Design System

design-system growingio react

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

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: 06 Aug 2024

https://github.com/leoafarias/vizor

A Sci-Fi/Cyberpunk UI Kit for Flutter.

design-system flutter flutter-ui

Last synced: 14 Oct 2024

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

Design system that powers the BigCommerce ecosystem.

bigcommerce design-system react

Last synced: 14 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