diff --git a/bower.json b/bower.json
index 61a60b3..522242a 100644
--- a/bower.json
+++ b/bower.json
@@ -21,10 +21,12 @@
     "ajax"
   ],
   "dependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
     "polymer": "polymer/polymer#^v1.2.0",
     "iron-icons": "PolymerElements/iron-icons#^1.0.0",
     "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^1.0.0",
     "iron-ajax": "PolymerElements/iron-ajax#^1.0.0",
-    "paper-button": "PolymerElements/paper-button#^1.0.0"
+    "paper-button": "PolymerElements/paper-button#^1.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   }
 }
diff --git a/demo/index.html b/demo/index.html
index a2b9bf5..eff7097 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -4,6 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
     <title>Paper-carousel demo</title>
+    <link rel="import" href="../../polymer/polymer.html">
+    <link rel="import" href="../../iron-icons/iron-icons.html">
+    <link rel="import" href="../../iron-resizable-behavior/iron-resizable-behavior.html">
+    <link rel="import" href="../../iron-ajax/iron-ajax.html">
+    <link rel="import" href="../../paper-button/paper-button.html">
     <link rel="import" href="../paper-lightbox.html">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,400,400italic,800" rel="stylesheet" type="text/css">
     <style>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4a2670a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html>
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../iron-component-page/iron-component-page.html">
+
+  </head>
+  <body>
+
+    <iron-component-page></iron-component-page>
+
+  </body>
+</html>
diff --git a/tools/gulpfile.js b/tools/gulpfile.js
index 55d6422..e8fa840 100644
--- a/tools/gulpfile.js
+++ b/tools/gulpfile.js
@@ -10,6 +10,7 @@ var pug = require('pug');
 var chalk = require('chalk');
 var sass = require('gulp-sass');
 var cleanCSS = require('gulp-clean-css');
+var gls = require('gulp-live-server');
 
 var AUTOPREFIXER_BROWSERS = [
 	'ie >= 10',
@@ -87,16 +88,20 @@ var coffeeCompile = function(path) {
 // Watch files for changes & reload
 gulp.task('serve', function() {
 	// BrowserSync config
-	browserSync.init({
-		port: 4000,
+	var server = gls('serverConfig.js');
+  server.start().then(function(result) {
+      console.log('Server exited with result:', result);
+      process.exit(result.code);
+  });
+  browserSync.init({
+		proxy: 'localhost:4000',
+		port: 8888,
 		logPrefix: 'localhost',
 		notify: true,
 		logLevel: 'silent',
-		startPath: '/paper-lightbox/demo/',
-		server: {
-			baseDir: "../../"
-		}
+		startPath: '/paper-lightbox/demo/'
 	});
+  $.watch('serverConfig.js', server.start.bind(server)); //restart my server
 
 	// Changes fire reload
 	$.watch(['../source/*.html', '!../dev/client/elements/**/*.html'], reload);
diff --git a/tools/package.json b/tools/package.json
index 000439a..fb2cfd2 100644
--- a/tools/package.json
+++ b/tools/package.json
@@ -18,6 +18,7 @@
     "gulp-uglify": "^2.0.0",
     "gulp-watch": "^4.3.8",
     "pug": "^2.0.0-beta3",
+    "gulp-live-server": "0.0.30",
     "web-component-tester": "^4.0.0"
   },
   "scripts": {
diff --git a/tools/serverConfig.js b/tools/serverConfig.js
new file mode 100644
index 0000000..d50edd2
--- /dev/null
+++ b/tools/serverConfig.js
@@ -0,0 +1,16 @@
+var path = require('path');
+var express = require( 'express' );
+var app = express();
+var url = path.join(__dirname, '../');
+var request = require('request');
+
+// Configuración de rutas estrictas para diferenciar si llevan o no slash (/) al final
+app.set('strict routing', true);
+
+// Definición de carpetas públicas
+app.use( '/:project/demo', express.static('../demo') );
+app.use( '/:project', express.static('../') );
+app.use( '/', express.static('../bower_components') );
+
+// Inicialización del servidor a través del puerto especificado
+app.listen(4000);
\ No newline at end of file
