diff --git a/demo.html b/demo.html
new file mode 100644
index 0000000..2ec3ce2
--- /dev/null
+++ b/demo.html
@@ -0,0 +1,27 @@
+<html>
+<head>
+<script type="text/javascript" src="gui.js"></script>
+<script type="text/javascript">
+
+var controllableObject = 
+	{	
+		"numberProperty": 20,
+		"anotherNumberProperty": 0,
+		"textProperty": "a string",
+		"booleanProperty": false
+	};
+	
+
+	
+	/*
+GUI.number(controllableObject, "numberProperty");
+GUI.number(controllableObject, "anotherNumberProperty", -100, 100);
+GUI.text(controllableObject, "textProperty");
+GUI.boolean(controllableObject, "booleanProperty");
+*/
+</script>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/gui.js b/gui.js
new file mode 100644
index 0000000..492810b
--- /dev/null
+++ b/gui.js
@@ -0,0 +1,7 @@
+var GUI = new function() {
+
+	this.add = function(a) {
+		console.log(typeof a);
+	}
+	
+}
\ No newline at end of file
