Getting Started
Use one of the Vuetify.js Vue CLI packages (based on the official examples) to get your project started in no time. Vuetify.js supports SSR (server-side rendering), SPA (single page application), PWA (persistent web application) and standard HTML pages.

CDN Install

To test using Vuetify.js without installing a template from Vue CLI, include the files below into the index file of your application after the Vue.js script. Vuetify will automatically install and be ready to use.
// Font library and icon pack
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">
 
<script src="https://unpkg.com/vue/dist/vue.js"></script>
 
// Vuetify.js required files
<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" type="text/css">
 
<script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
content_copy

New applications

Vuetify has 5 pre-made Vue CLI templates, 3 which are forked from official Vue.js templates. They contain small modifications to help you get started with Vuetify even faster. These packages require vue-cli. For more information on vue-cli, visit the official Github repository.

NPM Install

After the vue-cli installation finishes, cd into your project directory and type npm install. Alternatively, if you are using Facebook's recently released yarn package manager, you can simply type yarn.
Once the package installation is complete, type npm run dev into your console. This will start a nodejs server locally which can be accessed by navigating to http://localhost:8080 in your browser.

Existing applications

If you are wanting to use Vuetify in an existing project, you can install by using npm or yarn. Keep in mind, you will still need to include Vuetify, Roboto font library, and Material icon library css files as they are not part of the javascript import.
$  npm install vuetify --save-dev
 
$  yarn add vuetify --dev
content_copy
In your index.js, import Vuetify and apply the plugin to Vue.
import Vue from 'vue'
import Vuetify from 'vuetify'
 
Vue.use(Vuetify)
content_copy
warning
Warning: While Vuetify attempts to not cause any css collision as much as possible, there is no guarantee that your custom styles will not alter your experience when integrating this framework into your existing project.

Support Browsers

Vuetify.js is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer.
    • IE9 / IE10
      Not supported
      clear
    • IE11
      Supported
      check
    • Edge
      Supported
      check
    • Chrome
      Supported
      check
    • Firefox
      Supported
      check
    • Safari
      Supported
      check