diff --git a/docs/render/axiom.css b/docs/render/axiom.css
index bdaac78..62f9adc 100644
--- a/docs/render/axiom.css
+++ b/docs/render/axiom.css
@@ -31,7 +31,7 @@ body {
     flex-direction: column;
     background-color:#384747;
 }
-.titlebar {
+#titlebar {
     font-size:18px;
     text-align:left;
         width: 1000px;
@@ -39,8 +39,13 @@ body {
     padding:8px;
     box-sizing: border-box;
     border-bottom: 2px solid #87EDD3;
-
 }
+
+#titlebar a {
+    float:right;
+    color: #87EDD3;
+}
+
 canvas {
     width: 1000px;
     max-width: 90vw;
diff --git a/docs/render/axiom.js b/docs/render/axiom.js
index d98d9f0..92dbb20 100644
--- a/docs/render/axiom.js
+++ b/docs/render/axiom.js
@@ -15,13 +15,23 @@ function render() {
   window.h = window.canvas.height
 
   document.body.appendChild(el("div.window",
-    el("div.titlebar", {}, "Axiom QuickServe", el("span#title")),
+    el("div#titlebar", {}, "Axiom QuickServe", el("span#title")),
     window.canvas 
     )
   );
   document.body.appendChild(el("script", {}, params.body))
+  
   setTimeout(() => {
     document.title = getName();
+
+    var a = new FileReader();
+    a.onload = function(e) { 
+      console.log("e.target.result", e.target.result)
+      document.getElementById("titlebar").appendChild(el("a", {href:e.target.result, download:document.title}, "Download QuickServe Script"))
+    }
+    a.readAsDataURL(new Blob([params.body], {encoding:"UTF-8",type:"text/javascript;charset=UTF-8"}));
+    
+    
     document.getElementById("title").innerText = " - " + document.title;
     parent.postMessage({ title: document.title }, "*");
     onConnect()