Vuetify

Vuetify is the largest and longest-running Vue component framework, with 80+ components implementing Material Design plus a full layout and grid system. It is the safe institutional choice in the Vue ecosystem.

At a glance

Install	npm create vuetify
Components	80+, plus directives and layout system
Styling	Sass variables, theme configuration
Support	published long-term support policy
MCP server	not published
License	MIT

Install

The scaffolder wires up the plugin, the theme and tree shaking for you:

npm create vuetify

What the code looks like

<template>
  <v-app>
    <v-app-bar title="Dashboard" />
    <v-main>
      <v-container>
        <v-btn color="primary" variant="elevated" prepend-icon="mdi-content-save">
          Save
        </v-btn>
      </v-container>
    </v-main>
  </v-app>
</template>

The LTS policy is the differentiator

Vuetify publishes an explicit long-term support commitment with dated maintenance windows per major version. Almost no other library in this directory does. If you are picking a stack for software that has to run for five years inside an organisation, that document is worth more than a component count.

Choose it if

• You need a documented support horizon rather than a maintainer's goodwill.
• You want layout, grid and components from one coherent source.
• Material Design is acceptable or desirable for your product.

Look elsewhere if

• Bundle size is critical. This is heavier than the newer Vue options.
• You want to escape Material Design. Theming is deep but the underlying language shows through.