diff --git a/src/assets/vue-logo.svg b/src/assets/vue-logo.svg
new file mode 100644
index 0000000..2d80e9a
--- /dev/null
+++ b/src/assets/vue-logo.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.32 170.02">
+  <path fill="#42b883" d="M120.83 0L98.16 39.26 75.49 0H0l98.16 170.02L196.32 0h-75.49z"/>
+  <path fill="#35495e" d="M120.83 0L98.16 39.26 75.49 0H39.26l58.9 102.01L157.06 0h-36.23z"/>
+</svg>
diff --git a/src/templateList.js b/src/templateList.js
index 87f70fd..babb564 100644
--- a/src/templateList.js
+++ b/src/templateList.js
@@ -9,6 +9,11 @@ export default [
 		title: 'React',
 		img: 'assets/react-logo.svg'
 	},
+	{
+		id: 'vue',
+		title: 'Vue',
+		img: 'assets/vue-logo.svg'
+	},
 	{
 		id: 'kontra-game-engine',
 		title: 'Kontra Game Engine',
diff --git a/src/templates/template-vue.json b/src/templates/template-vue.json
new file mode 100644
index 0000000..3ff7556
--- /dev/null
+++ b/src/templates/template-vue.json
@@ -0,0 +1,16 @@
+{
+	"title": "Vue template",
+	"externalLibs": {
+		"js": "\nhttps://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js",
+		"css": ""
+	},
+	"updatedOn": 1540223760000,
+	"sizes": ["", "calc(17.4842% - 6px)", "calc(49.1221% - 3px)"],
+	"mainSizes": [68.1051, 31.6949],
+	"htmlMode": "html",
+	"cssMode": "css",
+	"jsMode": "es6",
+	"layoutMode": 1,
+	"js": "const app = new Vue({\n  el: '#root',\n  data: {\n    message: 'World'\n  }\n});",
+	"html": "<div id=\"root\">\n  <h1>Hello {{ message }}</h1>\n</div>"
+}