diff --git a/examples/with-vuetify/README.md b/examples/with-vuetify/README.md
new file mode 100644
index 0000000000..4873ceb77b
--- /dev/null
+++ b/examples/with-vuetify/README.md
@@ -0,0 +1,4 @@
+# Using Vuetify.js with Nuxt.js
+
+https://nuxtjs.org/examples/with-vuetify
+https://vuetifyjs.com/
diff --git a/examples/with-vuetify/layouts/default.vue b/examples/with-vuetify/layouts/default.vue
new file mode 100644
index 0000000000..3f33e63651
--- /dev/null
+++ b/examples/with-vuetify/layouts/default.vue
@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <nuxt/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </div>
+</template>
diff --git a/examples/with-vuetify/nuxt.config.js b/examples/with-vuetify/nuxt.config.js
new file mode 100644
index 0000000000..bd26adf454
--- /dev/null
+++ b/examples/with-vuetify/nuxt.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  build: {
+    vendor: ['vuetify']
+  },
+  plugins: ['~plugins/vuetify.js'],
+  css: ['vuetify/dist/vuetify.min.css']
+}
diff --git a/examples/with-vuetify/package.json b/examples/with-vuetify/package.json
new file mode 100644
index 0000000000..0ee9083525
--- /dev/null
+++ b/examples/with-vuetify/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "with-vuetify",
+  "dependencies": {
+    "nuxt": "latest",
+    "vuetify": "^0.9.1"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}
diff --git a/examples/with-vuetify/pages/index.vue b/examples/with-vuetify/pages/index.vue
new file mode 100644
index 0000000000..5aeb83257a
--- /dev/null
+++ b/examples/with-vuetify/pages/index.vue
@@ -0,0 +1,40 @@
+<template>
+  <v-app top-toolbar left-fixed-sidebar>
+    <v-toolbar>
+      <v-toolbar-side-icon @click.native.stop="sidebar = !sidebar" />
+      <v-toolbar-logo>Toolbar</v-toolbar-logo>
+    </v-toolbar>
+    <main>
+      <v-sidebar left fixed drawer v-model="sidebar">
+        <v-list>
+          <v-list-item v-for="i in 3">
+            <v-list-tile>
+              <v-list-tile-title>Item {{ i }}</v-list-tile-title>
+            </v-list-tile>
+          </v-list-item>
+        </v-list>
+      </v-sidebar>
+      <v-content>
+        <v-container fluid>
+          <div class="title">Main Content</div>
+        </v-container>
+      </v-content>
+    </main>
+  </v-app>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        sidebar: false
+      }
+    }
+  }
+</script>
+
+<style>
+  .title {
+    padding-left: 20px;
+  }
+</style>
diff --git a/examples/with-vuetify/plugins/vuetify.js b/examples/with-vuetify/plugins/vuetify.js
new file mode 100644
index 0000000000..a91ae689bb
--- /dev/null
+++ b/examples/with-vuetify/plugins/vuetify.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+Vue.use(Vuetify)