Repolode
Submit
vuetifyjs

vuetifyjs/vuetify

A Material Design UI component framework for Vue, providing handcrafted, responsive components for building web applications.

View on GitHubWebsite
Stars
41,032
Forks
7,112
Open issues
344
Last commit
11 hours ago

What is it?

Vuetify is a UI component library for Vue that ships a large set of prebuilt, handcrafted components following Material Design. It aims to let developers build complete application interfaces without needing deep design skills, and offers an extensive API for customizing components to fit a wide range of use cases.

Styling can be adjusted through SASS/SCSS variables, default configuration presets, and blueprints. A built-in theme system manages consistent color palettes, and components are responsive by default and designed for a minimum width of 320px. Tree-shaking is automatic when used with Vite, which keeps bundle sizes smaller. The project supports modern browsers, including Safari 13+ with polyfills, and offers internationalization across 42+ languages.

The project is maintained by a core team and is distributed through npm, with scaffolding available via commands for pnpm, yarn, npm, and bun. Vuetify 2 has reached end of life, so the current focus is on the Vuetify 3 line, and the repository's issue tracker is reserved for bug reports and feature requests.

Key features

  • 01Prebuilt Material Design components for Vue applications.
  • 02Customization through SASS/SCSS variables, presets, and blueprints.
  • 03Responsive layouts by default, designed for screens from 320px wide.
  • 04Built-in theme system for consistent color palettes.
  • 05Automatic tree-shaking when used with Vite.
  • 06Internationalization with support for 42+ languages.

Use cases

  • Building admin dashboards and internal business applications in Vue.
  • Creating responsive marketing or product sites with a consistent Material look.
  • Prototyping interfaces quickly without a dedicated design system.
  • Adding a themed, multilingual UI layer to an existing Vue 3 project.

Quick start

  1. 1

    Create a new project with npm

    npm create vuetify@latest
  2. 2

    Or create a new project with pnpm

    pnpm create vuetify
  3. 3

    Or create a new project with yarn

    yarn create vuetify

Things to know

  • The license metadata is NOASSERTION, though the README states MIT.
  • Vuetify 2 is end of life and no longer supported.

Topics

#vue#ui-components#material-design#vue3#css#typescript#ui-library#javascript#material#material-components

FAQ

What is vuetify?
A Material Design UI component framework for Vue, providing handcrafted, responsive components for building web applications. Vuetify is a UI component library for Vue that ships a large set of prebuilt, handcrafted components following Material Design. It aims to let developers build complete application interfaces without needing deep design skills, and offers an extensive API for customizing components to fit a wide range of use cases.
Is vuetify free to use? What license does it have?
vuetify is open source under the Other license. Check the license terms before using it in commercial products.
Is vuetify still maintained?
Actively maintained. The last commit to vuetify was on Oct 20, 2026.
What can I use vuetify for?
Building admin dashboards and internal business applications in Vue. Creating responsive marketing or product sites with a consistent Material look. Prototyping interfaces quickly without a dedicated design system. Adding a themed, multilingual UI layer to an existing Vue 3 project.
How do I install vuetify?
Create a new project with npm: npm create vuetify@latest Or create a new project with pnpm: pnpm create vuetify Or create a new project with yarn: yarn create vuetify
Where can I get vuetify?
The source code and installation instructions are on GitHub: https://github.com/vuetifyjs/vuetify

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects