diff --git a/app/app.html b/app/app.html
index 12fd903..81f3ecb 100644
--- a/app/app.html
+++ b/app/app.html
@@ -19,6 +19,11 @@
     <div id="root"></div>
     <script>
       (function() {
+        if (process.env.NODE_ENV === 'development') {
+          const devtoolsInstaller = require('electron-devtools-installer');
+          devtoolsInstaller.default(devtoolsInstaller.REACT_DEVELOPER_TOOLS).catch(() => {});
+        }
+
         const script = document.createElement('script');
         script.src = (process.env.HOT) ? 'http://localhost:3000/dist/bundle.js' : '../dist/bundle.js';
         document.write(script.outerHTML);
diff --git a/package.json b/package.json
index 9001ebc..142f3ba 100644
--- a/package.json
+++ b/package.json
@@ -70,8 +70,10 @@
     "cross-env": "^1.0.8",
     "css-loader": "^0.23.1",
     "del": "^2.2.0",
+    "devtron": "^1.2.0",
+    "electron-devtools-installer": "^1.1.2",
     "electron-packager": "^7.0.2",
-    "electron-prebuilt": "^1.2.0",
+    "electron-prebuilt": "^1.2.3",
     "electron-rebuild": "^1.1.4",
     "eslint": "^2.10.2",
     "eslint-config-airbnb": "^9.0.1",
@@ -101,7 +103,7 @@
   },
   "dependencies": {
     "css-modules-require-hook": "^4.0.0",
-    "electron-debug": "^1.0.0",
+    "electron-debug": "^1.0.1",
     "font-awesome": "^4.6.3",
     "postcss": "^5.0.21",
     "react": "^15.1.0",