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

https://github.com/vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 16 Nov 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/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/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/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: 10 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/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/Vonage/vivid

Vonage's web UI 🎨 toolbelt

design-system innersource vonage web-components

Last synced: 25 Oct 2024

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

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

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

https://github.com/codelytv/developing_codely_website-course

Developing Codely's website course code examples https://pro.codely.tv/library/maquetando-la-web-de-codely-desde-0-181753

css css-modules css3 design-system html html5 javascript next nextjs react storybook typescript

Last synced: 11 Nov 2024

https://github.com/chanzuckerberg/edu-design-system

Design system for Education Projects

design-system react style-dictionary

Last synced: 14 Nov 2024

https://github.com/cube-js/cube-ui-kit

UI Framework for Cube Projects. Based on React Aria.

components design-system react react-aria storybook uikit

Last synced: 13 Nov 2024

https://github.com/US-CBP/cbp-theme

UI Theme for U.S. Customs and Border Protection web applications

cbp cbp-theme design-system ui-theme

Last synced: 06 Aug 2024

https://github.com/us-cbp/cbp-theme

UI Theme for U.S. Customs and Border Protection web applications

cbp cbp-theme design-system ui-theme

Last synced: 10 Nov 2024

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

Vue UI components used in Comento

component-library design-system vue vuejs

Last synced: 11 Oct 2024

https://github.com/team-b1nd/dui-android

DUI : Dodam-UI / Dodam Android Design System with Jetpack Compose

android compose design design-system jetpack-compose kotlin

Last synced: 05 Nov 2024

https://github.com/maritzstl/chameleon

Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

design-system lit-element lit-html webcomponents

Last synced: 14 Oct 2024

https://github.com/powerhome/playbook

Playbook Design System

design-system design-systems ux

Last synced: 01 Nov 2024

https://github.com/MaritzSTL/chameleon

Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

design-system lit-element lit-html webcomponents

Last synced: 04 Nov 2024

https://github.com/daniel-ac-martin/notgovuk

An implementation of the GOV.UK Design System in React that provides support for writing internal applications in addition to public ones.

component-library design-system govuk govuk-design-system govuk-frontend react

Last synced: 06 Nov 2024

https://github.com/onfido/castor

Onfido's design system

design-system html-css react

Last synced: 31 Oct 2024

https://github.com/croz-ltd/tiller

🔖 Tiller DS is an open-source UI library that provides a range of visual, functional components and patterns that speed up design and development.

design-system react storybook tiller tiller-design-system typescript ui-library

Last synced: 30 Oct 2024

https://github.com/brunos3d/nextjs-nx-module-federation

This is an example project to demonstrate how to use Nx, Next.js and Module Federation together.

design-system example javascript microfrontend module-federation monorepo nextjs nx react template tutorial typescript vercel webpack

Last synced: 10 Nov 2024

https://github.com/chanzuckerberg/sci-components

2021 Science Design System Component Library

css design-system react theme

Last synced: 14 Nov 2024

https://github.com/yoonit-labs/sass-yoonit-style

The SASS Atomic Design System that powers Vue Yoonit Components

atomic-design css design-system hacktoberfest sass sass-framework scss scss-framework

Last synced: 15 Oct 2024

https://github.com/snowball-tech/fractal

The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.

design-system design-tokens figma javascript lodash mono-repository react snowball storybook style-dictionary styleguide stylelint testing-library turborepo typescript vercel yarn yarn3

Last synced: 16 Nov 2024

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

This is the repository for the Appsmith design system components

components design-system react react-components reactjs ui-components ui-library

Last synced: 15 Nov 2024

https://github.com/klaufel/figma-tokens

🎨 A light tool for generate Figma design tokens as variables.

css design design-system design-tokens designsystem figma tokens variables-css

Last synced: 11 Nov 2024

https://github.com/wintercounter/ccss

🔡🔁🎨 CrypticCSS - A companion on the journey to your next CSS-in-JS and/or design system solution.

ccss css design-system emotion mangle minfy react styled-components styled-system

Last synced: 11 Oct 2024

https://github.com/cloudfour/cloudfour.com-patterns

The design system, component library and documentation for cloudfour.com and related projects

css design-system javascript pattern-library storybook twig

Last synced: 16 Nov 2024

https://github.com/zevolution/netflix-hexagonal-architecture

This project was created as a simple example to show how we can implement the hexagonal architecture(software design) proposed by Netflix.

architectural-patterns bff bff-microservice contract-first design-system hexagonal-architecture java java-11 netflix spring spring-boot system-design

Last synced: 13 Oct 2024

https://github.com/cc-archive/vue-vocabulary

A Vue component library implementing a cohesive design system to unite the web facing Creative Commons

creative-commons design-system ui ux

Last synced: 23 Oct 2024

https://github.com/sohamsshah/sodium-ui

Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.

component-library design-system react reactjs storybook ui-components ui-library uikit web-components

Last synced: 08 Nov 2024

https://github.com/team-b1nd/form-b1nding

바인드팀 웹 디자인 시스템입니다 ⚒

design-system frontend react react-toastify styled-components

Last synced: 05 Nov 2024

https://github.com/officedev/fluent-blocks

A rich component library, still in development, for providing experiences from Microsoft’s Fluent design system

components design-patterns design-system fluent-design microsoft-teams react

Last synced: 14 Nov 2024

https://github.com/grommet/grommet-theme-hpe

Hewlett Packard Enterprise grommet theme

design-system grommet hacktoberfest javascript ux-framework

Last synced: 11 Nov 2024

https://github.com/getgoui/go-ui

Pattern-first, framework-agnostic, a11y focused, adaptive design system

a11y component-library design-system stenciljs typescript webcomponents

Last synced: 05 Nov 2024

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

A collection of assets, guidelines and UI components for building consistent user experiences across OVHcloud products.

design design-system hacktoberfest ods ovhcloud system

Last synced: 06 Nov 2024

https://github.com/visual-framework/vf-core

A (primarily CSS) framework that targets needs of life science websites and services

component-library design-system embl pattern-library styleguide visual-framework

Last synced: 12 Nov 2024

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

The official LumApps Design System (LumX) for AngularJS and React applications

angularjs design-system react

Last synced: 31 Oct 2024

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

Panda monorepo setup examples

component design-system library monorepo panda

Last synced: 07 Nov 2024

https://github.com/orfium/orfium-ictinus

This repo will include the building blocks to create the Orfium Parthenons to come ...

design-system ds javascript react react-components storybook typescript

Last synced: 10 Nov 2024

https://github.com/uidu-org/guidu

Guidu is uidu's design system library

design-system react social-impact typescript

Last synced: 15 Nov 2024

https://github.com/divriots/simba

Lion-based Design System

backlight design-system lion tailwindcss webcomponents

Last synced: 13 Nov 2024

https://github.com/margaretkrutikova/re-cite

Manage citations from your colleagues , friends, movies, your cat or even yourself.

design-system graphql reason-react reasonml

Last synced: 28 Oct 2024

https://github.com/zero-one-group/zog-ui

This repository contains monorepo for React and Flutter UI library. (WIP - Alpha Release)

design-system nextjs radix-ui react reactjs stitches ui-components

Last synced: 11 Oct 2024

https://github.com/revelotech/themexpert

ThemeXpert is a highly customizable theme solution for Flutter apps, designed to make it easy to apply multiple themes in your app and to change your app's visual identity when needed.

dark-mode design design-system flutter themes

Last synced: 03 Nov 2024

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

A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.

components-library css design-system hyperscript preactjs reactjs theme ui ui-system uinix vuejs

Last synced: 07 Nov 2024

https://github.com/jwplayer/jw-design-library

A library of product design patterns comprised of code, usage and guidelines.

design-patterns design-system interface-design product-design

Last synced: 05 Nov 2024

https://github.com/gsoft-inc/ov-igloo-ui

Officevibe design system

components design-system nextjs react storybook

Last synced: 06 Nov 2024

https://github.com/pangolinjs/core

The Pangolin.js core that drives everything.

design-system frontend pangolinjs pattern-library styleguide

Last synced: 09 Oct 2024

https://github.com/tanvesh01/notion-components

A React Component Library for the minimalists. Build your web app with a design system already in place. Highly inspired by Notion - The all-in-one workplace.

component-library design-system npm-package reactjs

Last synced: 07 Nov 2024

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

A resource for creating user interfaces based on brand, UX, and dev principles

design-system hacktoberfest puppet react-components

Last synced: 07 Oct 2024

https://github.com/thelittlewonder/system.colors

Figma plugin to import color palettes from popular design systems directly to your file.

colors design-system figma figma-plugin figma-plugins

Last synced: 03 Aug 2024

https://github.com/shopware/meteor

Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customise every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.

component-library design-system design-tokens figma icons sdk vue

Last synced: 11 Oct 2024

https://github.com/accera-tech/solar-components

Web Components Implementation of Solar Design System

design-system stencil stenciljs ui webcomponents

Last synced: 08 Nov 2024

https://github.com/seed-blocks/recastui

Recastui - Simple, Accessible & Whitelabel UI Components & Design System for your Applications ⚡

astro automatic-dark-mode component-library design-system react react-component-library solidjs svelte tailwindcss theming ui-components white-label whitelabel

Last synced: 01 Nov 2024

https://github.com/fintechsoftware/finpro

FinPro prioritizes user experience with its user-friendly interfaces. It includes components specifically designed for financial applications such as investment, banking, financial analysis, and cryptocurrency, which speeds up your design process and helps you achieve excellent results.

design-system frontend javascript typescript ui ui-kit web-components

Last synced: 19 Oct 2024

https://github.com/italia/design-comuni-plone-theme

Tema Plone per i siti dei comuni italiani

agid comuni design-system italia plone plone5x plone6 theme

Last synced: 10 Nov 2024

https://github.com/momentum-design/momentum-react-v2

Momentum React Library for Webex Collaboration

design-system react reactjs storybook

Last synced: 13 Nov 2024

https://github.com/datacamp/waffles

Waffles is the DataCamp design system.

design-system react typescript ui-components

Last synced: 15 Nov 2024

https://github.com/automattic/vip-design-system

Design system components used throughout WordPress VIP

design-system react wordpress-vip

Last synced: 07 Oct 2024

https://github.com/icij/murmur

ICIJ's Design System for Bootstrap 4 and Vue 2.

bootstrap component design-system icij ui vue

Last synced: 08 Nov 2024

https://github.com/nice-digital/nice-design-system

:star2: Your source for creating beautiful, consistent experiences across NICE :star2:

design-system

Last synced: 31 Oct 2024

https://github.com/alaskaairlines/aurodesigntokens

Abstract UI atomic values to support the Auro Design System.

auro design-system design-tokens

Last synced: 13 Oct 2024

https://github.com/mat-sz/platinum.css

🖥️ Pixel perfect recreation of MacOS 9's Platinum UI. (Work in progress)

css css3 design-system macos pixel-perfect retro ui

Last synced: 12 Oct 2024

https://github.com/icona79/sketch-design-tokens-exporter

Export Design Tokens from your Sketch document via plugin

design-system design-tokens sketch sketch-plugin theme-ui

Last synced: 03 Aug 2024

https://github.com/AlaskaAirlines/AuroDesignTokens

Abstract UI atomic values to support the Auro Design System.

auro design-system design-tokens

Last synced: 07 Oct 2024

https://github.com/1024pix/pix-ui

Pix-UI is the implementation of Pix design principles and guidelines for its products.

design-system hacktoberfest pix

Last synced: 15 Nov 2024

https://github.com/RedTurtle/design-volto-theme

Volto Theme for Italia design guidelines

agid cms design-system hacktoberfest italia plone theme volto

Last synced: 05 Nov 2024