diff --git a/examples/playground/index.html b/examples/playground/index.html
new file mode 100644
index 000000000..e3cd6231f
--- /dev/null
+++ b/examples/playground/index.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+  <!-- Basic Page Needs
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <meta charset="utf-8">
+  <title>Loading...</title>
+  <meta name="description" content="">
+  <meta name="author" content="">
+
+  <!-- Mobile Specific Metas
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- FONT
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
+
+  <!-- CSS
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link rel="stylesheet" href="css/normalize.css">
+  <link rel="stylesheet" href="css/skeleton.css">
+
+  <!-- Favicon
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link rel="icon" type="image/png" href="static/images/favicon.png">
+
+
+  <link rel="stylesheet" href=".static/css/transloadit-js-client.css" type="text/css" />
+</head>
+<body>
+
+  <!-- Primary Page Layout
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <div class="container">
+    <div class="row">
+      <div class="twelve columns" style="margin-top: 10%">
+        <h1>
+          Loading..
+        </h1>
+
+        <h4>transloadit-js-client</h4>
+        <p>
+          With this file we can easily test the built js client locally (via <code>npm run preview</code>)
+          and online.
+        </p>
+
+        <div id="upload-target">
+          Loading..
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  <footer>
+    <hr />
+    <ul>
+      <li><a href="https://travis-ci.org/transloadit/transloadit-js-client">Travis</a></li>
+      <li><a href="https://github.com/transloadit/transloadit-js-client">GitHub</a></li>
+    </ul>
+  </footer>
+
+</body>
+
+<!-- Include the built js client -->
+<script src="../../build/transloadit-js-client.js"></script>
+<script src="static/js/app.js"></script>
+
+<!-- Apply the js client on a selector -->
+<script>
+  var tl = Transloadit("#upload-target");
+</script>
+
+<!-- Add the branch name to the <title> and <h1> of this page -->
+<script>
+  var branch        = location.pathname.split('/')[2] || 'local-unknown';
+  var elTitle       = document.querySelector('title');
+  var elH1          = document.querySelector('h1');
+  var title         = 'You are reviewing branch: ' + branch;
+  elTitle.innerHTML = title;
+  elH1.innerHTML    = title;
+</script>
+</html>
diff --git a/examples/playground/package.json b/examples/playground/package.json
new file mode 100644
index 000000000..0ccca07f9
--- /dev/null
+++ b/examples/playground/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "playground",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "watch": "../../node_modules/.bin/watchify src/js/app.js -o static/js/app.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/examples/playground/src/js/app.js b/examples/playground/src/js/app.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/build/css/normalize.css b/examples/playground/static/css/normalize.css
similarity index 100%
rename from build/css/normalize.css
rename to examples/playground/static/css/normalize.css
diff --git a/build/css/skeleton.css b/examples/playground/static/css/skeleton.css
similarity index 100%
rename from build/css/skeleton.css
rename to examples/playground/static/css/skeleton.css
diff --git a/examples/playground/static/css/style.css b/examples/playground/static/css/style.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/build/images/favicon.png b/examples/playground/static/images/favicon.png
similarity index 100%
rename from build/images/favicon.png
rename to examples/playground/static/images/favicon.png
diff --git a/examples/playground/static/js/app.js b/examples/playground/static/js/app.js
new file mode 100644
index 000000000..50d0216d8
--- /dev/null
+++ b/examples/playground/static/js/app.js
@@ -0,0 +1,3 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+
+},{}]},{},[1]);
