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/commercetools/ui-kit
Component library π
audit-frontend commercetools-scp design-system frontend javascript react ui-kit
Last synced: 17 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: 01 Aug 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/phase2/outline
Tooling infrastructure for modern web component development.
components components-library design-system hacktoberfest javascript lit lit2 outline storybook tailwindcss typescript web-components
Last synced: 04 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.
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/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/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/sparkdesignsystem/spark-design-system
Spark Design System
design-patterns design-system hacktoberfest spark
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/jayeshk/Doric
Protocol oriented, type safe, scalable design system foundation swift framework for iOS.
adaptive-layouts apple autolayout-constraints autolayout-framework autolayouts color color-theme design design-language design-language-framework design-system designsystem dynamic-font ios swift textstyle theme theme-framework typography xcode
Last synced: 29 Oct 2024
https://github.com/arevalolance/design-system-template
ποΈ Turborepo + TailwindCSS + Storybook + shadcn-ui
design design-system nextjs react shadcn-ui storybook tailwindcss template turborepo turborepo-example ui vite
Last synced: 04 Aug 2024
https://github.com/marigold-ui/marigold
Design System based on react-aria and Tailwind CSS
a11y aria component-library design-system design-tokens react react-aria style tailwind tailwindcss theme ui
Last synced: 10 Aug 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/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/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/xavierlefevre/shared-react-components-example
An example of a mono-repository of shared React components libraries!
atomic-design design-system design-systems lerna libraries library mono-repo monorepo react react-component react-components reactjs share shared shared-library sharing storybook ui ui-components yeoman
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/RedHat-UX/red-hat-design-system
Red Hat's Design System
design-system design-systems hacktoberfest redhat web-components
Last synced: 04 Aug 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/morganfeeney/interior
Design system for the modern web.
css css-grid design-system design-systems grid grid-layout grid-systems interior layout nunjucks scss typography vertical-rhythm
Last synced: 09 Oct 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: 01 Aug 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/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/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/nulogy/design-system
Nulogy Design System
css design-system javascript react styled-components styleguide tokens
Last synced: 03 Aug 2024
https://github.com/sberdevices/plasma
π ΠΠΈΠ·Π°ΠΉΠ½-Π‘ΠΈΡΡΠ΅ΠΌΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½Π°Π²ΡΠΊΠΎΠ² ΡΠ΅ΠΌΠ΅ΠΉΡΡΠ²Π° ΠΠΈΡΡΡΠ°Π»ΡΠ½ΡΡ ΠΡΡΠΈΡΡΠ΅Π½ΡΠΎΠ² "Π‘Π°Π»ΡΡ"
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/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: 01 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/LatitudeFinancialOSS/basis
Basis Design System
components-library design-system emotion react
Last synced: 02 Aug 2024
https://github.com/thoughtbot/design-system
thoughtbot design system (tbds)
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/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/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/josemarluedke/frontile
Component Library for Ember Octane apps
component-library components design-system ember ember-octane emberjs glimmer-component glimmerjs hacktoberfest tailwindcss
Last synced: 14 Oct 2024
https://github.com/angelkitty/se_book_cn
Software Engineer(10th edition) δΈζη
architecture design-patterns design-system development programming software-engineering
Last synced: 15 Oct 2024
https://github.com/opensrc0/fe-theme
A React UI library using styled-component to build consistent, responsive, theme able UI
accessibility css design-system fe-theme framwork frontend library mobile-first react react-components react-hooks reactjs responsive storybook styled-components styled-system theme ui ui-components ui-design
Last synced: 30 Oct 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/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
Last synced: 03 Aug 2024
https://github.com/nasa-jpl/explorer-1
JPL's Design System
design-system hacktoberfest storybook
Last synced: 10 Oct 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.
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: 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/swvl/linta
A set of useful lint checks to keep the Android app follow a solid design system
Last synced: 06 Aug 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/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/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/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/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/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/bigcommerce/big-design
Design system that powers the BigCommerce ecosystem.
bigcommerce design-system react
Last synced: 31 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: 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/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/eduzz/houston
Design System at Eduzz.
antd design-system eduzz hacktoberfest javascript react typescript ui-components
Last synced: 28 Oct 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/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/flamingo-ux/flamingo-android
Android implementation of the Flamingo Design System
android design-system jetpack-compose kotlin ksp playground-app
Last synced: 01 Aug 2024
https://github.com/adevinta/spark-android
β¨ Simple, Modular & Accessible UI Components for your Android Applications
Last synced: 01 Aug 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/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/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/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/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: 01 Aug 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: 03 Aug 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/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/price-offer/offer-design-system
Offer Design system
design-system react storybook typescript
Last synced: 31 Oct 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/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/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/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/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/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/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: 02 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/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: 03 Aug 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/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
