Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- GitHub: https://github.com/topics/design-system
- Wikipedia: https://en.wikipedia.org/wiki/Design_system
- Related Topics: css, design-token, style-guide, css-framework, ui, smacss,
- Last updated: 2024-11-18 00:07:26 UTC
- JSON Representation
https://github.com/sbb-design-systems/lyne-components
Components for Lyne Design System
design-system design-tokens javascript lyne lyne-components lyne-design-tokens sbb-cff-ffs storybook typescript web-components
Last synced: 01 Nov 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/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/vonage/vivid
Vonage's web UI 🎨 toolbelt
design-system innersource vonage web-components
Last synced: 16 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/autoguru-au/overdrive
🚗💨 AutoGuru's design system
component design-system front-end library react scss storybook styleguide typescript ui
Last synced: 14 Nov 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/prabhuignoto/react-creme
Comprehensive UI Tool Kit for React
components design-system lightweight lightweight-javascript-library react react-component-library typescript ui-components ui-kit
Last synced: 28 Oct 2024
https://github.com/eduzz/houston
Design System at Eduzz.
antd design-system eduzz hacktoberfest javascript react typescript ui-components
Last synced: 28 Oct 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/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
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/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/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/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)
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
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/priceline/design-system-sketch
Tools and resources for Priceline's Design System.
Last synced: 18 Nov 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/robinweser/elodin
The Elodin Styling Language
design design-system language style-dictionary style-guide styling
Last synced: 02 Nov 2024
https://github.com/pixiv/charcoal-android
Design system library by pixiv
android android-view design-system jetpack-compose kotlin ui-library
Last synced: 10 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/comento/comento-ui
Vue UI components used in Comento
component-library design-system vue vuejs
Last synced: 11 Oct 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/price-offer/offer-design-system
Offer Design system
design-system react storybook typescript
Last synced: 31 Oct 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/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: 14 Oct 2024
https://github.com/naveteam/saturn
Repositório de componentes React baseado no design system da Nave.
design-system react saturn-system styled-component styled-system
Last synced: 18 Nov 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/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/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/telus/tds-community
TELUS Design System Community Components
component-library components-library css-modules design-system es2015 openshift-dedicated react security-kpi telus telus-community telus-digital web
Last synced: 14 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/chanzuckerberg/sci-components
2021 Science Design System Component Library
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/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/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/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/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/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/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/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/amarlearning/ride-sharing-low-level-design
Low-level design of Ride-sharing Application Implementation.
class-diagram design design-patterns design-system dry java kiss lld low-level low-level-design object-oriented-programming oop solid-principles yagni
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/btcpayserver/btcpayserver-design
BTCPay Server Design System
btcpayserver design design-system pattern-library uiengine
Last synced: 09 Nov 2024
https://github.com/lmc-eu/spirit-design-system
Design system built by Alma Career (former LMC)
components css design-system forms hacktoberfest html javascript library react scss spirit-design-system twig typescript validations
Last synced: 29 Oct 2024
https://github.com/team-b1nd/form-b1nding
바인드팀 웹 디자인 시스템입니다 ⚒
design-system frontend react react-toastify styled-components
Last synced: 05 Nov 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/openfun/cunningham
🎨 The Open FUN Design System
accessibility atomic-design components-library css design-system design-systems figma frontend html reactjs storybook ui-components
Last synced: 13 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/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/grayhatdevelopers/material-web-components-react
Material Web Components for React ⚛
design-system lit lit-element lit-html material-design material-ui material-you react react-components ui-components ui-library web web-components web-components-library
Last synced: 14 Oct 2024
https://github.com/codeandtheory/ymattertype
An opinionated take on Design System Typography for iOS and tvOS.
accessibility design-system dynamic-type figma figma-to-code ios-framework ios-ui readability swift tvos-framework typography typography-font
Last synced: 11 Oct 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/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: 17 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/lumapps/design-system
The official LumApps Design System (LumX) for AngularJS and React applications
Last synced: 31 Oct 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/astahmer/panda-monorepo-setup
Panda monorepo setup examples
component design-system library monorepo panda
Last synced: 07 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/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/pknu-wap/wap-ui
WAP 리액트 디자인 시스템
components-library design-system emotion framer-motion monorepo react react-components reactjs ui-library wap
Last synced: 31 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/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/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/pangolinjs/core
The Pangolin.js core that drives everything.
design-system frontend pangolinjs pattern-library styleguide
Last synced: 09 Oct 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/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: 17 Nov 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/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/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/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/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/turtlemint/mint-ui
Design System | React UI components for web
design-system gitpod modern react react-components react-hooks reactjs turtlemint turtlemint-ui typescript-library ui ui-components ui-design ui-library
Last synced: 02 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/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/datacamp/waffles
Waffles is the DataCamp design system.
design-system react typescript ui-components
Last synced: 15 Nov 2024
https://github.com/nice-digital/nice-design-system
:star2: Your source for creating beautiful, consistent experiences across NICE :star2:
Last synced: 31 Oct 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/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/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/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