diff --git a/css/explaingit.css b/css/explaingit.css
index 13f9b22..a445a29 100644
--- a/css/explaingit.css
+++ b/css/explaingit.css
@@ -135,18 +135,20 @@ span.cmd {
   top: 3px;
 }
 
-.control-box button {
+.control-box .button {
   font-family: Courier New;
   font-size: 12px;
   margin-right: 5px;
   margin-bottom: 5px;
+  position: absolute;
+  top: 30px;
 }
 
 .control-box .log {
   overflow-y: auto;
   position: absolute;
   background: #000;
-  top: 30px;
+  top: 60px;
   bottom: 20px;
   left: 0;
   right: 0;
diff --git a/js/controlbox.js b/js/controlbox.js
index c9761bf..a399734 100644
--- a/js/controlbox.js
+++ b/js/controlbox.js
@@ -97,13 +97,13 @@ function(_yargs, d3, demos) {
 
     render: function(container) {
       var cBox = this,
-        cBoxContainer, log, input, selector;
+        cBoxContainer, log, input, selector, exportbtn;
 
       cBoxContainer = container.append('div')
         .classed('control-box', true);
 
       selector = cBoxContainer.append('select')
-        .classed('scenario-chooser', true)
+        .classed('scenario-chooser', true);
 
       demos.forEach(function (demo) {
         var opt = selector.append('option')
@@ -129,6 +129,23 @@ function(_yargs, d3, demos) {
         }
       })
 
+      exportbtn = cBoxContainer.append('input')
+        .attr('type', 'button')
+        .attr('value', 'Export')
+        .classed("button", true);
+      
+
+      exportbtn.on('click', function () {
+        var text = "test",
+        blob = new Blob([window.localStorage.getItem('git-viz-snapshot')], { type: 'text/plain' }),
+        anchor = document.createElement('a');
+    
+        anchor.download = "export.json";
+        anchor.href = (window.webkitURL || window.URL).createObjectURL(blob);
+        anchor.dataset.downloadurl = ['text/plain', anchor.download, anchor.href].join(':');
+        anchor.click();
+      })
+
       log = cBoxContainer.append('div')
         .classed('log', true);