mrkeyoor.com_
Sat 17 Oct 13:31 UTC
Webevaluationupdated 06 Oct 2026

vuetify review

Vuetify is a Vue 3 component framework built around Material Design, with ready-made controls, layouts, themes, localization, and responsive behavior. It helps teams ship a consistent interface without designing every button, dialog, data table, and form control from scratch.

+0stars / 7d
Verdict

Our Vuetify checkout installed in 27 seconds and built successfully in 236 seconds, but it occupied 705 MB and exposed no root test target to our lab. Use it when a Vue 3 team values a coherent Material-based system more than a small contributor toolchain. The active v4.2.4 release is reassuring; its funding warning means long-term maintenance deserves a line in the adoption decision.

We ran it

Lab card: what happened when we ran vuetifyScreenshot of vuetify (vuetifyjs.com)
Install✓ · 27s1 packages · 705 MB
Build✓ · 236s
Testsn/ano test script
Repo3035 files~203,686 lines of source · 9.8 MB · 6 CI workflows · Dockerfile

Answers from our run

Does vuetify build from source?

Dependencies installed in 27 seconds (1 packages), and the build succeeded in 236 seconds. We cloned commit 0b9c7e3 into a clean Debian container with 3 CPUs and no project-specific setup.

Does vuetify have tests you can run?

Not through a standard command: the project exposes no test script or target that our harness could run.

Who should not use vuetify?

Vue 2 applications expecting community security fixes: the README says Vuetify 2 is end of life and no longer supported, even for security issues.

What are the alternatives to vuetify?

Quasar, Element Plus, PrimeVue. Our Vuetify checkout installed in 27 seconds and built successfully in 236 seconds, but it occupied 705 MB and exposed no root test target to our lab.

Setup3/5Quick app scaffold, but our contributor install reached 705 MB
Docs4/5Deep guides, with a Safari support mismatch in the README
Community5/541,037 stars, current issue activity, and an October 6 release
Maturity5/5Maintained since 2016 with active v4 and a defined LTS policy

Discussed on

  1. hnVuetify - Material Component Framework for VueJS 2127 points
  2. hnVuetify v2.0 released – components updated to MD2 specs12 points
  3. hnVuetify 3.011 points
  4. hnBuilding fast MPA with Rails 7 and Vuetify 35 points
  5. hnHow to Build a Single Page Application Using Vue.js, Vuex, Vuetify, and Firebase5 points

Who it’s for

Vue 3 teams that want one documented component system across a large application.
Product teams comfortable with Material Design defaults and willing to define a theme.
Developers who need official paths for Vite, Nuxt 3, Laravel, CDN use, and internationalization.
Organizations that value an established release stream and can sponsor or otherwise plan for open-source maintenance risk.

Who it’s NOT for

Vue 2 applications expecting community security fixes: the README says Vuetify 2 is end of life and no longer supported, even for security issues.
Products that must support Internet Explorer or older fixed browser fleets: the Vuetify 4 browser page requires evergreen browsers and lists Internet Explorer as unsupported.
Contributors wanting a small checkout and fast full build: our install occupied 705 MB and the build took 236 seconds.
Teams whose release gate requires a direct root test command: our lab found no test script or target and skipped that step, although the repository contains component tests and CI workflows.
Designers who want no Material Design influence: Vuetify can be themed, but its component model and defaults start from Material.

Setup reality

Our commit 0b9c7e3 checkout installed successfully in 27 seconds; the lab summary recorded 1 package installed and 705 MB on disk. The build succeeded in 236 seconds. Tests were skipped because the root had no test script or target.

The measured monorepo held 3,035 files, about 203,686 source lines, and 9.8 MB before installation. Contributor setup pins pnpm 10.26.1 and Node 24.11.1 or newer at that commit. Using Vuetify in an application needs Vue 3.5 or newer, plus optional Vite or webpack integration; it needs no hosted credential.

Our scan found 6 CI workflow files, a Dockerfile, a compose file, workspace packages, and no top-level tests directory. Vuetify 4 targets evergreen browsers; its detailed browser page lists Safari 16.4, Chromium 119, and Firefox 128 as fully supported.

Vuetify gives Vue 3 teams a complete Material-based UI system

Vuetify is for teams that would rather choose a component system than design one screen at a time. Its Vue 3 package covers common controls and layout work, then adds theming, responsive defaults, localization, icons, and Sass customization. The official installation paths include Vite, Nuxt 3, Laravel, and a CDN. That range makes it plausible for both a new application and an existing Vue codebase.

The trade is visible in our 3,035-file checkout. Adopting Vuetify means adopting its component vocabulary, spacing assumptions, theme machinery, and Material Design ancestry. You can change colors, defaults, Sass variables, and blueprints, but a deeply bespoke visual language will still require deliberate work. Teams that want a recognizable system quickly get more value than teams whose designers plan to replace most defaults.

A 27-second install led to a 705 MB contributor environment

Our fresh Debian sandbox installed commit 0b9c7e3 in 27 seconds. The lab summary recorded 1 package installed and 705 MB on disk. That figure describes the repository's contributor environment, not the size added to a production application. The codebase is a pnpm workspace with documentation, build tools, browser testing dependencies, packages, and release machinery, so cloning Vuetify is much heavier than adding its published package to an app.

The source tree contained about 203,686 lines and occupied 9.8 MB before dependencies. At that commit, the root package pinned pnpm 10.26.1 and required Node 24.11.1 or newer. The published Vuetify package declared Vue 3.5 or newer as a peer. Application setup needs no account or service credential, though Nuxt and bundler integrations require their documented plugin configuration.

What happened when we ran it

Our run completed the build in 236 seconds after the successful 27-second install. The sandbox had 3 CPUs, 8 GB of RAM, Node 22, no secrets, and no elevated privileges. Build success is useful evidence that commit 0b9c7e3 assembled in a clean container. It is not a browser-performance result, a bundle-size measurement, or proof that every component behaves correctly.

The lab skipped tests because it found no root test script or target. It reported 6 CI workflow files, a Dockerfile, a compose file, monorepo workspaces, and no top-level tests directory. Source inspection shows test scripts and component test folders inside the Vuetify package, so "skipped" must not be read as "there are no tests." The narrower finding is that our standard root test discovery had nothing it could run.

Vuetify 4 supports evergreen browsers, not every browser named in the README

The detailed Vuetify 4 browser page lists Chromium 119, Firefox 128, and Safari 16.4 as fully supported. Chromium 99 and Firefox 97 receive partial support, with documented color and number-format limits. Internet Explorer is unsupported. Teams running kiosk hardware, managed enterprise desktops, or long-lived embedded browsers should compare their fleet against that table before building a design system on top.

There is a documentation mismatch worth catching. The repository README says modern browsers including Safari 13+ are supported, while the Vuetify 4 browser page at commit 0b9c7e3 names Safari 16.4. Follow the version-specific browser page for v4 decisions. The README also says components target a minimum width of 320 px, which gives mobile teams a concrete floor but does not replace testing on their own layouts.

Vue 2 is finished, while Vuetify 3 remains under LTS

The README states that Vuetify 2 is end of life and receives no community support, including security fixes. Commercial support is offered through a partner. The LTS page marks Vuetify 4 as active and Vuetify 3 as maintained through July 27, 2027. It promises at least 6 months of critical bug and security fixes for the latest minor of the previous major release.

That policy makes the major version a purchasing decision, not a cosmetic upgrade. Starting a new app on v4 avoids beginning on the maintained branch, while an existing v3 team has a dated support window for migration planning. A Vue 2 team should price a real upgrade or paid extended support. Staying put without either means accepting the README's explicit security-support boundary.

The October 6 release is active, but funding is under strain

GitHub showed 41,037 stars, 281 open issues, and 105 open pull requests on October 6, 2026. Release v4.2.4 shipped that day with fixes for icons, routing, right-to-left carousel controls, date locale mapping, overlays, pagination, and CSS layers. The repository was also pushed that day. Release cadence and issue activity both point to active maintenance rather than an old project coasting on adoption.

The same v4.2.4 notes say OpenCollective funds are running low, the team has scaled down, and contributor compensation is barely sustainable. That statement comes from the maintainers, so it belongs beside the activity signals. Vuetify remains a mature choice for Vue 3, especially when its Material-based defaults fit. A serious adopter should still track funding, pin releases, and budget migration work rather than treating 6 months of prior-major support as permanent insurance.

Alternatives

ProjectWhat it isPick it when
Quasar gh↗A Vue framework that pairs a component library with tooling for web, mobile, desktop, and browser-extension targets.pick this instead when one Vue codebase must ship through several application runtimes and you want the framework to own that workflow.
Element Plus gh↗A Vue 3 component library with a familiar desktop and admin-interface style.pick this instead when an enterprise dashboard look fits better than Vuetify's Material Design foundation.
PrimeVueA broad Vue component suite with styled and unstyled approaches for application UIs.pick this instead when you want more control over the visual system or need its component catalog.

What people are saying

  1. [velocity-scout] vuetifyjs/vuetify

Sources

  1. Vuetify repository
  2. Vuetify README
  3. Vuetify v4.2.4 release
  4. Vuetify 4 installation guide
  5. Vuetify 4 browser support
  6. Vuetify long-term support policy

More web reviews

dioramas · elpis · deepseek-whale-girl · floorplan-3d · taro · driver.js · the whole board →