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/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/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: 30 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/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: 30 Oct 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/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: 01 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/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/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: 03 Aug 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/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/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: 30 Oct 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: 09 Nov 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: 10 Oct 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/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: 04 Aug 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: 06 Nov 2024

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

💅 3YOURMIND’s Vue UI Framework & Design System

design-system ui-framework vue

Last synced: 08 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/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/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/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/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/sberdevices/plasma

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

design-system plasma ui-kit

Last synced: 14 Oct 2024

https://github.com/fremtind/jokul

Jøkul er et designsystem utviklet av Fremtind.

design-system designsystem fremtind react sass scss

Last synced: 02 Nov 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: 08 Nov 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/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: 10 Oct 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/anarock/pebble

A set of lightweight and accessible React components.

design-system hacktoberfest-accepted react

Last synced: 03 Aug 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/thoughtbot/design-system

thoughtbot design system (tbds)

css design-system sass

Last synced: 06 Aug 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: 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/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/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/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/leoafarias/vizor

A Sci-Fi/Cyberpunk UI Kit for Flutter.

design-system flutter flutter-ui

Last synced: 14 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/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/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: 31 Oct 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/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 Aug 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/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/bigcommerce/big-design

Design system that powers the BigCommerce ecosystem.

bigcommerce design-system react

Last synced: 31 Oct 2024

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

iOS 11 Design System GUI for Framer

design design-system framer gui ios uikit

Last synced: 03 Aug 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: 28 Oct 2024

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: 07 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: 30 Oct 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/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: 01 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/Vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 25 Oct 2024

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

CFPB's work-in-progress design system

design-system hacktoberfest jekyll netlify-cms

Last synced: 09 Oct 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/betagouv/template-design-system-de-l-etat

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

design-system

Last synced: 28 Aug 2024

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

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: 03 Sep 2024