Vue component framework / Material Design UI components
Vuetify is a Vue component framework providing a large set of Material Design UI components for building web applications.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
Choose if you need the full Quasar CLI and built-in build targets for SSR, PWA, Electron, and mobile in addition to UI components.
Quasar Framework - Build high-performance VueJS user interfaces in record time
Choose if you want a Vue 3 Material library that explicitly targets both mobile and desktop with MD2/MD3 theming.
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
Choose if you want an actively maintained Vue 3 component library with its own accessible design language instead of Material Design.
Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility. Maintained by Epicmax (@epicmaxco).
Choose if you want a modular Vue Material library that lets you import only the individual components you need.
:diamonds: A modular and customizable UI library based on Material Design and Vue
Choose if you want a TypeScript-first Vue 3 component library with deep theme customization and a non-Material component set.
A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Use a pure CSS/JS Material Design framework when you are not tied to Vue and want framework-agnostic building blocks.
Materialize, a CSS Framework based on Material Design
Use when you need a minimal, dependency-free HTML/CSS/JS Material Design solution without Vue's component abstractions.
Material Design Components in HTML/CSS/JS
Choose if you want Google's official low-level MDC Web primitives and can write your own Vue integration; note this package is archived.
Modular and customizable Material Design UI components for the web
Choose if you prefer standard web components from the Material team that can work with any framework, including Vue.
Material Design Web Components
Choose if you want Material Design 3 components encapsulated as web components, independent of a Vue component layer.
Material Design 3(Material You) UI components using Web Components.
Choose if you already use Tailwind CSS and want Material-styled components without adopting a Vue component framework.
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
Choose for a Svelte project that wants a Vuetify-like Material component API, but note this port is archived and unsupported.
A Material UI Design Component library for Svelte heavily inspired by vuetify.
Choose for a React project when you need accessible Material Design components instead of a Vue-specific framework.
React material design - An accessible React component library built from the Material Design guidelines in Sass
Choose when building a Tailwind CSS based mobile UI and want ready-made mobile components without a Vue component framework.
Mobile UI components made with Tailwind CSS
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
An unmaintained, narrow Vue Material UI kit; choose only if you specifically want Creative Tim's prebuilt look.
Vue Material Kit - Open Source Material Design UI Kit
Choose for a Vue 2 project if you prefer vue-material's API, but it is unmaintained and does not support Vue 3.
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
Choose for existing Vue 2 projects that need Element's business-style design rather than Vuetify's Material look; it is no longer maintained.
A Vue.js 2.0 UI Toolkit for Web
Choose for legacy Vue 2 mobile apps that need lightweight mobile components from Mint UI; it is unmaintained.
Mobile UI elements for Vue.js
Choose if you want a tiny, lightweight Vue 2 Material-style library and are willing to maintain an unmaintained dependency.
A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.
Choose for legacy Vue 2 code already based on iView's design and API; it is not actively maintained.
A high quality UI Toolkit built on Vue.js 2.0
Choose for a Vue 3 mobile-only app if you need a lighter, specialized mobile component library instead of a general-purpose framework.
A lightweight, customizable Vue UI library for mobile web apps.
These projects were analysed and named vuetify among their alternatives. The relationship is not symmetric — how vuetify rates them is a separate judgement, made when vuetify is analysed in its own right.
calls vuetify “Actively maintained Vue Material component library with larger ecosystem and more components.”
Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
calls vuetify “Choose when building with Vue instead of React; actively maintained Material Design component framework.”
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
calls vuetify “Choose it when you are building Vue apps and want a mature, actively maintained Material Design component suite.”
Materialize, a CSS Framework based on Material Design
calls vuetify “When you're building a Vue app and want one of the most mature Material Design component frameworks.”
Material Design Components in HTML/CSS/JS
calls vuetify “Mature Material Design component framework for Vue; choose for Vue applications seeking a large, battle-tested component ecosystem.”
Material Design Web Components
calls vuetify “choose when building a Vue SPA; Vuetify's native Vue components integrate better than MDB's Bootstrap/jQuery classes.”
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
calls vuetify “Vue Material component framework to use with standard Vue/Vite when Quasar's integrated multi-platform build is not needed.”
Quasar Framework - Build high-performance VueJS user interfaces in record time