diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..6a32cee2
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/conf.php
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 00000000..0e243628
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "modulekit"]
+	path = modulekit
+	url = https://github.com/plepe/modulekit.git
+[submodule "lib/modulekit/base"]
+	path = lib/modulekit/base
+	url = https://github.com/plepe/modulekit-base.git
diff --git a/README.md b/README.md
index 1ed5303e..0c3aaa0f 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,18 @@
+## INSTALL
+```sh
+git clone https://github.com/plepe/openstreetbrowser.git
+cd openstreetbrowser
+npm install
+git submodule init
+git submodule update
+cp conf.php-dist conf.php
+nano conf.php
+npm run build
+```
+
+I plan to replace all PHP dependencies through JS replacements.
+
+## API
 ```js
 new OpenStreetBrowserCategory(query, options)
 ```
diff --git a/conf.php-dist b/conf.php-dist
new file mode 100644
index 00000000..b3d9bbc7
--- /dev/null
+++ b/conf.php-dist
@@ -0,0 +1 @@
+<?php
diff --git a/index.html b/index.php
similarity index 69%
rename from index.html
rename to index.php
index ae3fda23..7119760f 100644
--- a/index.html
+++ b/index.php
@@ -1,3 +1,6 @@
+<?php include "conf.php"; /* load a local configuration */ ?>
+<?php include "modulekit/loader.php"; /* loads all php-includes */ ?>
+<?php call_hooks("init"); /* initialize submodules */ ?>
 <!DOCTYPE html>
 <html>
 <head>
@@ -12,6 +15,10 @@
   <script src="node_modules/leaflet/dist/leaflet.js"></script>
   <script src="dist/openstreetbrowser.js"></script>
   <script src="node_modules/leaflet.locatecontrol/dist/L.Control.Locate.min.js"></script>
+  <?php print modulekit_to_javascript(); /* pass modulekit configuration to JavaScript */ ?>
+  <?php print modulekit_include_js(); /* prints all js-includes */ ?>
+  <?php print modulekit_include_css(); /* prints all css-includes */ ?>
+  <?php print_add_html_headers(); /* print additional html headers */ ?>
 </head>
 <body>
   <div id='map'></div>
diff --git a/lib/modulekit/base b/lib/modulekit/base
new file mode 160000
index 00000000..279863bd
--- /dev/null
+++ b/lib/modulekit/base
@@ -0,0 +1 @@
+Subproject commit 279863bd46c9ee04b34c4a97cdfaee74f92172d5
diff --git a/modulekit b/modulekit
new file mode 160000
index 00000000..26fb8675
--- /dev/null
+++ b/modulekit
@@ -0,0 +1 @@
+Subproject commit 26fb8675c00a9b094f5731c9f57309bd21ccaf2f
diff --git a/modulekit.php b/modulekit.php
new file mode 100644
index 00000000..5c5d9cab
--- /dev/null
+++ b/modulekit.php
@@ -0,0 +1,9 @@
+<?php
+$id = "openstreetbrowser";
+$depend = array(
+  'hooks',
+  'html',
+);
+$include = array(
+);
+$version = "3.x-dev";
diff --git a/src/index.js b/src/index.js
index 051d9669..67055f5c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,6 +15,8 @@ var tagTranslations = require('./tagTranslations')
 var map
 
 window.onload = function() {
+  call_hooks('init')
+
   map = L.map('map')
 
   ipLocation('', function (err, ipLoc) {
