diff --git a/templates/budget-new.html b/templates/budget-new.html
new file mode 100644
index 0000000..f388560
--- /dev/null
+++ b/templates/budget-new.html
@@ -0,0 +1,26 @@
+{{define "budget-new"}}
+    <div id="newbudgetmodal" class="modal">
+        <script>        
+            $(document).ready(function () {
+                $('#newbudgetform').ajaxForm({
+                    error: function() {
+                        $('#errorcreatingbudget').show();
+                    }
+                }); 
+            }); 
+        </script>
+        <h3>New Budget</h3>
+        <form id="newbudgetform" action="/api/v1/budget/new" method="POST">
+            <div class="form-group">
+                <label for="name">Name</label>
+                <input type="text" name="name" class="form-control" placeholder="Name" />
+            </div>
+
+            <div id="errorcreatingbudget">
+                Error creating budget.
+            </div>
+
+            <input type="submit" value="Create" class="form-control" />
+        </form>
+    </div>
+{{end}}
\ No newline at end of file
diff --git a/templates/dashboard.html b/templates/dashboard.html
index e3852ef..83ae4b5 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -18,10 +18,11 @@
             </div>
             {{end}}
             <div class="budget-item">
-                <a href="budgets/new">New Budget</a>
+                <a data-toggle="modal" data-target="#newbudgetmodal">New Budget</a>
                 <span class="time"></span>
             </div>
         </div>
+        {{template "budget-new"}}
     </body>
 </html>
 {{end}}
\ No newline at end of file