diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9ddc304
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+<!doctype html>
+<html>
+  <head>
+    <script src="ssf.js"></script>
+  </head>
+  <body>
+<b>SSF (Spreadsheet Format) Live Demo</b><br />
+<a href="https://github.com/SheetJS/ssf">Github Repo</a><br />
+<a href="https://github.com/SheetJS/ssf/issues">Issues?  Something look weird?  Click here and report an issue</a><br />
+    <div>
+      <p><b>Format code:</b> <input type="text" id="fmt" value="General"></p>
+      <p><b>Value: </b> <input type="text" id="val" value="3.1415926535"></p>
+      <p><b>Formatted Number:</b> <pre id="num"></pre></p>
+      <p><b>Formatted Text</b> <pre id="txt"></pre></p>
+    </div>
+  </body>
+  <script>
+    var F = document.getElementById('fmt');
+    var V = document.getElementById('val');
+    var N = document.getElementById('num');
+    var T = document.getElementById('txt');
+    function update() {
+      try { N.innerText = SSF.format(F.value, Number(V.value)); } catch(e) { N.innerText = e; }
+      try { T.innerText = SSF.format(F.value, V.value); } catch(e) { T.innerText = e; }
+    }
+    F.oninput = update;
+    V.oninput = update;
+    update();
+  </script>
+  <script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-36810333-1']);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+  </script>
+</html>
