diff --git a/src/Sources/Sources.es6 b/src/Sources/Sources.es6
new file mode 100644
index 0000000..c250a4d
--- /dev/null
+++ b/src/Sources/Sources.es6
@@ -0,0 +1,40 @@
+import Tool from '../DevTools/Tool.es6'
+
+require('./Sources.scss');
+
+export default class Sources extends Tool
+{
+    constructor()
+    {
+        super();
+        this.name = 'sources';
+
+        this._data = {
+            type: ''
+        };
+
+        this._loadTpl();
+    }
+    init($el)
+    {
+        super.init($el);
+
+        this._render();
+    }
+    set(data)
+    {
+        this._data = data;
+    }
+    _loadTpl()
+    {
+        this._emptyTpl = require('./empty.hbs');
+    }
+    _render()
+    {
+        var data = this._data;
+
+        var tpl = this._emptyTpl;
+
+        this._$el.html(tpl(data));
+    }
+}
\ No newline at end of file
diff --git a/src/Sources/Sources.scss b/src/Sources/Sources.scss
new file mode 100644
index 0000000..c9fe349
--- /dev/null
+++ b/src/Sources/Sources.scss
@@ -0,0 +1,18 @@
+@import "../variable";
+
+.dev-tools { .tools {
+    .sources {
+        .empty {
+            width: 100%;
+            height: 100%;
+            .content {
+                position: absolute;
+                top: 50%;
+                left: 0;
+                width: 100%;
+                text-align: center;
+                transform: translate3d(0, -50%, 0);
+            }
+        }
+    }
+} }
\ No newline at end of file
diff --git a/src/Sources/Sourees.hbs b/src/Sources/Sourees.hbs
new file mode 100644
index 0000000..e69de29
diff --git a/src/Sources/empty.hbs b/src/Sources/empty.hbs
new file mode 100644
index 0000000..0d61322
--- /dev/null
+++ b/src/Sources/empty.hbs
@@ -0,0 +1,5 @@
+<div class="eruda-empty">
+    <div class="eruda-content">
+        Used for displaying html, javaScript, css and image.
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/index.es6 b/src/index.es6
index 144e99f..2442613 100644
--- a/src/index.es6
+++ b/src/index.es6
@@ -7,6 +7,7 @@ import Snippets from './Snippets/Snippets.es6'
 import Resources from './Resources/Resources.es6'
 import Info from './Info/Info.es6'
 import Features from './Features/Features.es6'
+import Sources from './Sources/Sources.es6'
 import Settings from './Settings/Settings.es6'
 import util from './lib/util'
 import config from './lib/config.es6'
@@ -31,6 +32,7 @@ var consoleTool = new Console(),
     snippets = new Snippets(),
     resources = new Resources(),
     info = new Info(),
+    sources = new Sources(),
     features = new Features(),
     settings = new Settings();
 
@@ -40,6 +42,7 @@ devTools.add(consoleTool)
         .add(resources)
         .add(info)
         .add(snippets)
+        .add(sources)
         .add(features)
         .add(settings)
         .showTool('console');