diff --git a/src/js/app.js b/src/js/app.js
index cb2412b..db8012d 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -144,6 +144,7 @@ module.exports = new Vue({
         "admin-general-view": require("./admin-general-view"),
         "admin-network-view": require("./admin-network-view"),
         "help-view": require("./help-view"),
+        "macros": require('./macros'),
         "cheat-sheet-view": {
             template: "#cheat-sheet-view-template",
             data: function() {
diff --git a/src/js/macros.js b/src/js/macros.js
new file mode 100644
index 0000000..d0a89c7
--- /dev/null
+++ b/src/js/macros.js
@@ -0,0 +1,5 @@
+"use strict";
+
+module.exports = {
+    template: "#macros-template",
+}
\ No newline at end of file
diff --git a/src/pug/index.pug b/src/pug/index.pug
index 99c901d..7dd3d7b 100644
--- a/src/pug/index.pug
+++ b/src/pug/index.pug
@@ -62,6 +62,9 @@ html(lang="en")
             li.pure-menu-heading
               a.pure-menu-link(href="#cheat-sheet") Cheat Sheet
 
+            li.pure-menu-heading
+              a.pure-menu-link(href="#macros") Macros
+
             li.pure-menu-heading
               a.pure-menu-link(href="#help") Help
               
diff --git a/src/pug/templates/macros.pug b/src/pug/templates/macros.pug
new file mode 100644
index 0000000..91689c3
--- /dev/null
+++ b/src/pug/templates/macros.pug
@@ -0,0 +1,4 @@
+script#macros-template(type="text/x-template")
+  #macros
+  h1 Macros
+  p Hello, World
\ No newline at end of file