diff --git a/demo/demo.js b/demo/demo.js
index eb7740441..02f5c3cb0 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -7,6 +7,12 @@ var ContentKitDemo = exports.ContentKitDemo = {
     var codePaneJSON = document.getElementById('serialized-mobiledoc');
     var json = editor.serialize();
     codePaneJSON.innerHTML = this.syntaxHighlight(json);
+
+    var renderer = new ContentKit.Runtime.DOMRenderer();
+    var rendered = renderer.render(json);
+
+    $('#rendered-mobiledoc').empty();
+    $('#rendered-mobiledoc')[0].appendChild(rendered);
   },
 
   syntaxHighlight: function(json) {
diff --git a/demo/index.html b/demo/index.html
index 100354f38..a1225adaf 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -24,6 +24,9 @@ <h2>mobiledoc to load</h2>
 [
   [],
   [
+    [1, "H2", [
+      [[], 0, "hello world"]
+    ]],
     [1, "P", [
       [[], 0, "hello world"]
     ]]
diff --git a/src/js/index.js b/src/js/index.js
index 778e355d5..abc0da387 100644
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -4,7 +4,8 @@ import {
   EmbedModel,
   Compiler,
   HTMLParser,
-  HTMLRenderer
+  HTMLRenderer,
+  Runtime
 } from 'content-kit-compiler';
 
 import Editor from './editor/editor';
@@ -16,6 +17,7 @@ const ContentKit = {
   Compiler,
   HTMLParser,
   HTMLRenderer,
+  Runtime,
   Editor
 };