mdbootstrap/material-design-for-bootstrap Alternatives

choose when building a Vue SPA; Vuetify's native Vue components integrate better than MDB's Bootstrap/jQuery classes.

🐉 Vue Component Framework

choose when you want an all-in-one Vue framework whose default Material Design components include SSR, PWA, and mobile tooling.

Quasar Framework - Build high-performance VueJS user interfaces in record time

choose when using Vue 3 and need a Material Design 2/3 component library for both mobile and desktop without Bootstrap.

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.

choose when you prefer framework-agnostic Material Design 3 Web Components instead of a Bootstrap-dependent kit.

Material Design 3(Material You) UI components using Web Components.

choose when styling with Tailwind CSS and you want Material Design expressed as Tailwind component classes.

@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

choose when developing in React and need an accessible Sass-based Material Design component library without Bootstrap.

React material design - An accessible React component library built from the Material Design guidelines in Sass

choose when building a Vue project that needs a modular Material Design UI kit and you don't want Bootstrap in the stack.

:diamonds: A modular and customizable UI library based on Material Design and Vue

choose when you want a self-contained Material Design CSS/JS framework that replaces Bootstrap instead of augmenting it.

Materialize, a CSS Framework based on Material Design

choose when you prefer Google-official, framework-agnostic Material Design Web Components and can forgo Bootstrap utilities.

Material Design Web Components

choose for an Angular app, where Angular Material is the first-party Material Design component set and integrates fully with the framework.

Component infrastructure and Material Design components for Angular

choose when you want expressive Material Design 3 components as Web Components and can accept a small, less mature ecosystem.

Material 3 Expressive Web Components

choose when building a React application and want the largest Material Design React component ecosystem rather than Bootstrap markup.

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

choose for a tiny, legacy Material Design CSS/JS layer on simple old pages; it is the superseded predecessor of Google's current components.

Material Design Components in HTML/CSS/JS

choose if you target Bootstrap 5 and want a free Material UI kit, but accept that this repo has had no push in 1.8 years.

Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design

choose for legacy apps already wired to the archived official SCSS/JS Material Design suite; it will not receive future updates.

Modular and customizable Material Design UI components for the web