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-05 00:08:06 UTC
- JSON Representation
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: 03 Sep 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: 18 Oct 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/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/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/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: 29 Oct 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/uidu-org/guidu
Guidu is uidu's design system library
design-system react social-impact typescript
Last synced: 01 Nov 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/divriots/simba
Lion-based Design System
backlight design-system lion tailwindcss webcomponents
Last synced: 25 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/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/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: 14 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/pangolinjs/core
The Pangolin.js core that drives everything.
design-system frontend pangolinjs pattern-library styleguide
Last synced: 09 Oct 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: 13 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: 01 Aug 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/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/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/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/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/momentum-design/momentum-react-v2
Momentum React Library for Webex Collaboration
design-system react reactjs storybook
Last synced: 30 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: 21 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/nice-digital/nice-design-system
:star2: Your source for creating beautiful, consistent experiences across NICE :star2:
Last synced: 31 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/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/RedTurtle/design-volto-theme
Volto Theme for Italia design guidelines
agid cms design-system hacktoberfest italia plone theme volto
Last synced: 05 Nov 2024
https://github.com/freshworks/nucleus
Nucleus - The Freshworks Design System in Ember
component-library design-system ember-addon emberjs front-end nucleus
Last synced: 01 Nov 2024
https://github.com/p3ol/junipero
π Junipero Design System React components
color-picker date-picker design-system forms modal react react-components slider switch tags-input toggle
Last synced: 02 Nov 2024
https://github.com/mati365/under-control
π π Are you losing sanity every time you need to make a form? Are you have enough of all antipatterns and cursed frameworks in React? Screw that! Treat all forms and inputs as a recursive composable control!
controls design-system form forms framework inputs react two-way-databinding typescript validation
Last synced: 01 Nov 2024
https://github.com/govtechsg/sgds
SGDS is a frontend framework that aims to provide a beautiful common visual language and user experience for visitors of Singapore Government websites.
design-system javascript jekyll singapore-government webpack
Last synced: 11 Oct 2024
https://github.com/nuxt-themes/tokens
Design Tokens synced with Nuxt design team Figma.
design-system design-tokens nuxt theme
Last synced: 10 Oct 2024
https://github.com/myntra/applique-ui
A design system build by Myntra
components design-system icons react reactjs sass typescript ui-components uikit
Last synced: 01 Nov 2024
https://github.com/imteekay/ui-challenges
UI Challenges - Training Lab
css css3 design design-system html html-css html5 ui ui-components user-experience user-interface
Last synced: 21 Oct 2024
https://github.com/mikaelvesavuori/figmagic-action
Use Figmagic to retrieve tokens, graphics, and/or React components from a Figma document.
design-system design-tokens figma figma-api figmagic tokens ux
Last synced: 11 Oct 2024
https://github.com/hashicorp/flight
Archived. The flight repo now lives in the design-system monorepo
design-system flight icons svg
Last synced: 27 Sep 2024
https://github.com/leemonade/bubbles
The Bubbles Design System is Leemonade's open-source design system for products and experiences.
bubbles design-system leemons mantine react storybook
Last synced: 31 Oct 2024
https://github.com/mongodb/leafygreen-sketch
Sketch Symbol Libraries
design-system product-design-tools sketch
Last synced: 07 Oct 2024
https://github.com/Spendesk/grapes-android
Spendesk Android Grapes design system.
android android-demo-application android-library design-system kotlin
Last synced: 01 Aug 2024
https://github.com/nclsndr/design-tokens-format-module
A Typescript implementation of the Design Tokens Format Module specification
Last synced: 02 Nov 2024
https://github.com/lmc-eu/twigx-bundle
JSX like component syntax for Twig templating language
design-system jsx symfony symfony-bundle syntax twig
Last synced: 13 Oct 2024
https://github.com/benji6/eri
A minimal design system
component-library design-system react
Last synced: 25 Oct 2024
https://github.com/popovanton0/kira
ποΈ Automatically generates UI which allows users to call any function (including composable ones) with any parameter values. Useful for building demo screens in playground apps of design systems
android annotation-processor code-generation demo-app design-system jetpack-compose kotlin ksp playground-app
Last synced: 01 Aug 2024
https://github.com/sneko/dsfr-connect
This library themes your favorite UI framework to look like the official DSFR as much as possible
ant-design antd bootstrap bulma chakra-ui chakraui design-system dsfr foundation headlessui mui semantic-ui tailwind tailwindcss theme theming vuetify vuetifyjs
Last synced: 03 Sep 2024
https://github.com/studiometa/ui
π¦ A set of opiniated, unstyled and accessible components
components design-system twig ui-kit
Last synced: 05 Nov 2024
https://github.com/resir014/chungking
resir014's personal design system.
component-library design-system react typescript
Last synced: 23 Oct 2024
https://github.com/buildit/gravity-particles
The "single source of truth" for design tokens and assets used throughout Buildit's Gravity design system
buildit-gravity design-system design-tokens
Last synced: 03 Aug 2024
https://github.com/dherault/honorable
π A UI library for implementing any design system in React
components design-system library react
Last synced: 28 Oct 2024
https://github.com/orchestrated-io/orcs-design-system
TeamForm Design System - ORCS
design-system orcs react storybook styled-components styled-system teamform
Last synced: 13 Oct 2024
https://github.com/dizer2/mono-bank.app
This is a app in which you can create your own card π²π²π²
account card credit-card custom-cursor design-system html5 jquery-plugin localstorage scss-framework ux-ui-design
Last synced: 15 Oct 2024
https://github.com/radespratama/colorcrafts
π¨ A color system for designing beautiful and accessible interfaces.
color color-palette color-scheme color-theme colors design design-system npm stitches typescript
Last synced: 14 Oct 2024
https://github.com/diconium/ui-toolbox
Common UI components library to build similar themed React web applications faster.
components-library design-system diconium hacktoberfest opensource react react-component-library storybook tailwindcss toolbox ui
Last synced: 11 Oct 2024
https://github.com/dialpad/dialtone
The main repository for all of Dialpad's design system resources.
css design-system design-tokens dialtone javascript less postcss ui ui-library vue vue-components vuejs2 vuejs3
Last synced: 29 Oct 2024
https://github.com/filecoin-project/slate-react-system
A component, constants, and experience library for the Filecoin Network / Textile Services
component-library design-system filecoin ipfs react
Last synced: 03 Sep 2024
https://github.com/temzasse/figmage
A simple CLI tool that helps you generate design tokens as code from your Figma project.
cli design-system design-tokens figma
Last synced: 14 Oct 2024
https://github.com/mikemai2awesome/minimalist
CSS Framework for mikemai.net pre 2023.
css design design-system framework html minimalism scss
Last synced: 11 Oct 2024
https://github.com/project44/archived-manifest-ui
[Deprecated] Themeable design system for the project44
design-system percy-io playroom radix-ui react stitches storybook
Last synced: 01 Oct 2024
https://github.com/nunes22/adaptflex
Adaptive ReasonML Design System
component-library design-system react reasonml reasonreact
Last synced: 04 Aug 2024
https://github.com/jakobw/style-dictionary-format-json-schema
Generate JSON schemas for style-dictionary files to improve text editor support
build-tool design-system design-tokens style-dictionary
Last synced: 27 Oct 2024
https://github.com/psharanda/nativebook
A toolkit for Implementing, maintaining, documenting and evolving a shared set of UI components inspired by Storybook.js
design-system ios snapshot-testing swiftui-previews ui-components uikit uiview
Last synced: 14 Oct 2024
https://github.com/growingio/gio-design-icons
GrowingIO Design SVG Icons
design-system growingio react svg-icons
Last synced: 13 Oct 2024
https://github.com/resir014/stereo
Monorepo for all npm libraries I use personally.
design-system javascript monorepo react react-hooks typescript
Last synced: 11 Oct 2024
https://github.com/team-aliens/design-system
The FrontEnd Aliens Design System
Last synced: 13 Oct 2024
https://github.com/matteusan/sentro
A low-level SCSS library for building robust token-driven design systems at scale.
css design design-system design-token design-tokens frontend scss scss-framework theme token tokens
Last synced: 15 Oct 2024
https://github.com/mordech/mordech-projects
Side projects and things I do in my free time
component-library design-system lit monorepo personal-project portfolio portfolio-website react reactjs storybook
Last synced: 28 Oct 2024
https://github.com/albert-gao/react-oxygen-ui
Building blocks for React app
design-system reactjs styled-components styled-system typescript ui-components
Last synced: 15 Oct 2024
https://github.com/sjefvanleeuwen/nl-design-system-blazor
NL Design System for Blazor The NL Design System is a collection of reusable components, with which you can easily develop digital services as a designer or developer. Think of buttons, form elements and page templates. This project adapts the system so the components can be used from .NET Core Blazor (Web Assembly is supported).
blazor component-library design-system gebruiker-centraal government nl-design-system wasm web-assembly web-components
Last synced: 23 Oct 2024
https://github.com/woylie/barker
SCSS starter kit for design systems
design-system sass scss scss-framework starter-kit
Last synced: 15 Oct 2024
https://github.com/metonym/svelte-primer
Svelte implementation of the GitHub Primer design system
component-library components design-system github github-primer primer svelte
Last synced: 13 Oct 2024
https://github.com/owanturist/elm-bulletproof
Make your components Bulletproof
design-system elm storybook ui ui-components
Last synced: 28 Oct 2024
https://github.com/MatteuSan/sentro
A low-level SCSS library for building and managing token-driven design systems.
css design design-system design-token design-tokens frontend scss scss-framework theme token tokens
Last synced: 28 Oct 2024
https://github.com/loreanvictor/nokss
A drop-in stylesheet enough for getting started
Last synced: 12 Oct 2024
https://github.com/codenteq/interfeys
Interfeys is a design system provided by Codenteq to create a consistent UI/UX for app users.
components design-system frontend javascript typescript uikit web-components
Last synced: 14 Oct 2024
https://github.com/cycraft/planetar
A Vue framework for creating a design system styleguide with interactive component explorer πͺ
api-card component-explorer design-system showcase storybook styleguide styleguidist vue vue-framework vuejs
Last synced: 17 Oct 2024
https://github.com/Mercen-Lee/dui-ios
DUI : Dodam-UI / Dodam iOS Design System with SwiftUI
design design-system ios swift swiftui
Last synced: 23 Oct 2024
https://github.com/aragon/ods
Implementation of the Aragon's Open Design System
aragon design-system open-design-system react tailwind
Last synced: 15 Oct 2024
https://github.com/xop/design-system-starter
Design System Starter Template
astro design-system design-tokens documentation-tool monorepo storybook template-project turborepo ui-components ui-library
Last synced: 14 Oct 2024
https://github.com/metonym/svelte-uswds
Svelte component library that implements the U.S. Web Design System (USWDS).
component-library design-system svelte us-web-design-system uswds
Last synced: 13 Oct 2024
https://github.com/nclsndr/design-tokens-tools
Tools to parse and manipulate design tokens based on the Design Token Format Module specification.
design-system design-system-manager design-token-format-module design-tokens
Last synced: 02 Nov 2024
https://github.com/alaskaairlines/webcorestylesheets
The core front-end framework for building experiences with the Orion Design System and transition to the Auro Design System.
Last synced: 01 Nov 2024
https://github.com/markteekman/base-css
Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.
css css-framework design-system flexbox flexbox-grid gulp gulp-tasks html html-template patterns responsive scss scss-framework scss-template
Last synced: 27 Oct 2024
https://github.com/gravitee-io/gravitee-ui-particles
πͺ Set of UI components and UX rules used in Gravitee.io's consoles.
angular design-system gravitee graviteeio hacktoberfest ui-components
Last synced: 11 Oct 2024
https://github.com/alexandredev3/tails-ui
A Design System for TailwindCSS projects
design-system javascript plopjs reactjs storybook tailwind tailwind-css tailwindcss turborepo typescript vitejs
Last synced: 10 Oct 2024
https://github.com/w0ofy/real-system
A react component system that is easily extendable and ready-to-theme.
component-library design-system emotionjs react real-system styled-system
Last synced: 04 Nov 2024
https://github.com/simspace/monorail
π Monorail
component-library design-system react typescript
Last synced: 01 Nov 2024
https://github.com/Bewond/design-system
Bewondβs open-source design system for products and digital experiences.
Last synced: 03 Nov 2024
https://github.com/melishev/wuki
π§Έ Wuki is a UI Kit developed for React.js that brings together the best practices of the most popular UI libraries such as Carbon, Ant Design, MUI, Bootstrap, Element and many others.
antd apple bootstrap carbon-design-system design-system element-ui figma mui react storybook ui uikit
Last synced: 28 Sep 2024
https://github.com/scmmishra/joy
A high quality design system built with Vue and Tailwind
design-system lucide tailwindcss vue vue3
Last synced: 30 Oct 2024
https://github.com/rohanmathur91/css-component-library
Polaroid a CSS component library for faster development. It follows utility-first approach for styling components.
component-library css3 design-system html javascript
Last synced: 12 Oct 2024
https://github.com/guichristovao/poke-themes
An Android project to showcase a multi-brand design system.
android design-system snapshot theme
Last synced: 01 Aug 2024
https://github.com/hamzaamar/pillar-ui
Pillar is a modern design system built with React, with the goal of providing a comprehensive set of reusable UI components that are fully accessible and adhere to best practices in modern web development.
accessibility design-system frontend hooks-library icons-library pillar-ui react react-library theming typescript ui ui-components ui-kit utils-library web-development
Last synced: 15 Oct 2024
https://github.com/cc-archive/fonts
A collection of typefaces for the web facing Creative Commons
creative-commons design-system ui ux
Last synced: 23 Oct 2024
https://github.com/mfaxyz/unity-advanced-engineering-guide
Unity Software Engineering Guide (Design Patterns, Software Architecture, Algorithms and Data Structure)
architecture design-pattern design-patterns design-system game-development game-engine gamedev software-architecture software-design software-development software-engineer software-engineering software-testing unity unity-editor unity-package unity-scripts unity2d unity3d unity3d-plugin
Last synced: 10 Oct 2024
https://github.com/sorenabedi/artist-svelte
An opinionated and clean UI framework for SvelteKit
artist-design-system design-system svelte svelte-components sveltejs sveltekit ui ui-components ui-frameworks
Last synced: 13 Oct 2024
https://github.com/jdizm/vue-storybook-library
UI library built with storybook for Vue/Nuxt
css design-system scss storybook ui-library vue vue2
Last synced: 14 Oct 2024