diff --git a/demos/spreadsheet/index.html b/demos/spreadsheet/index.html
new file mode 100644
index 00000000..24b52862
--- /dev/null
+++ b/demos/spreadsheet/index.html
@@ -0,0 +1,11 @@
+
+
+
+ OxJS Spreadsheet Demo
+
+
+
+
+
+
\ No newline at end of file
diff --git a/demos/spreadsheet/js/spreadsheet.js b/demos/spreadsheet/js/spreadsheet.js
new file mode 100644
index 00000000..846e4ca8
--- /dev/null
+++ b/demos/spreadsheet/js/spreadsheet.js
@@ -0,0 +1,13 @@
+Ox.load('UI', function() {
+
+ Ox.Spreadsheet({
+ columnPlaceholder: 'Year',
+ columns: [2009, 2010, 2011],
+ rowPlaceholder: 'Item',
+ rows: ['Foo', 'Bar', 'Baz'],
+ title: 'Spreadsheet'
+ })
+ .css({margin: '16px'})
+ .appendTo(Ox.$body);
+
+});
\ No newline at end of file