diff --git a/README.md b/README.md
index d098a466..cb164e82 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,10 @@ Add css to `styles.scss` or include in `angular.json`:
 ```
 
 ## Docs, Demos & More
+We are redoing the documentation. You can find the new documentation here:
+[https://circlongroup.github.io/angular-tree-component/](https://circlongroup.github.io/angular-tree-component/)
+
+The API Reference is still in our old documentation for now:
 
 [https://angular2-tree.readme.io/docs/](https://angular2-tree.readme.io/docs/)
 
diff --git a/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.html b/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.html
index 6ef8464d..51bde4c1 100644
--- a/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.html
+++ b/projects/docs-app/src/app/examples/basic-usage/basic-usage.component.html
@@ -1,7 +1,7 @@
 <h1>Basic usage</h1>
 
 <h2>Working tree</h2>
-
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/examples/basic-usage/basic-tree/basic-tree.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-basic-tree></app-basic-tree>
 </div>
diff --git a/projects/docs-app/src/app/examples/columns-example/columns-example.component.html b/projects/docs-app/src/app/examples/columns-example/columns-example.component.html
index 94e18761..59f6ba58 100644
--- a/projects/docs-app/src/app/examples/columns-example/columns-example.component.html
+++ b/projects/docs-app/src/app/examples/columns-example/columns-example.component.html
@@ -1,7 +1,7 @@
 <h1>Tree with columns</h1>
 
 <h2>Working tree</h2>
-
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/examples/columns-example/columns/columns.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-columns></app-columns>
 </div>
diff --git a/projects/docs-app/src/app/examples/crud-example/crud-example.component.html b/projects/docs-app/src/app/examples/crud-example/crud-example.component.html
index 6177a00a..0437dd5b 100644
--- a/projects/docs-app/src/app/examples/crud-example/crud-example.component.html
+++ b/projects/docs-app/src/app/examples/crud-example/crud-example.component.html
@@ -1,7 +1,7 @@
 <h1>Tree with create, copy and delete options</h1>
 
 <h2>Working tree</h2>
-
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/examples/crud-example/crud/crud.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-crud></app-crud>
 </div>
diff --git a/projects/docs-app/src/app/examples/load-more-example/load-more-example.component.html b/projects/docs-app/src/app/examples/load-more-example/load-more-example.component.html
index ef952b3b..484d21cc 100644
--- a/projects/docs-app/src/app/examples/load-more-example/load-more-example.component.html
+++ b/projects/docs-app/src/app/examples/load-more-example/load-more-example.component.html
@@ -6,7 +6,7 @@ <h1>Tree partial loading of children</h1>
 </p>
 
 <h2>Working tree</h2>
-
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/examples/load-more-example/load-more/load-more.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-load-more></app-load-more>
 </div>
diff --git a/projects/docs-app/src/app/fundamentals/actions/actions.component.html b/projects/docs-app/src/app/fundamentals/actions/actions.component.html
index b77c3fee..63ac634d 100644
--- a/projects/docs-app/src/app/fundamentals/actions/actions.component.html
+++ b/projects/docs-app/src/app/fundamentals/actions/actions.component.html
@@ -2,6 +2,8 @@ <h1>Customize Actions</h1>
 
 <h2>Demo</h2>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/fundamentals/actions/actions-demo/actions-demo.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
     <app-actions-demo></app-actions-demo>
 </div>
diff --git a/projects/docs-app/src/app/fundamentals/api/api.component.html b/projects/docs-app/src/app/fundamentals/api/api.component.html
index 9cb8c974..dc538bd6 100644
--- a/projects/docs-app/src/app/fundamentals/api/api.component.html
+++ b/projects/docs-app/src/app/fundamentals/api/api.component.html
@@ -2,6 +2,8 @@ <h1>Calling API Methods</h1>
 
 <h2>Demo</h2>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/fundamentals/api/api-demo/api-demo.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
     <app-api-demo></app-api-demo>
 </div>
diff --git a/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.html b/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.html
index 5ed021d9..f9c558b6 100644
--- a/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.html
+++ b/projects/docs-app/src/app/fundamentals/state-binding/state-binding.component.html
@@ -43,6 +43,8 @@ <h2>Persist state to localstorage</h2>
 
 <h3>Demo</h3>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/fundamentals/state-binding/state-binding-demo/state-binding-demo.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
     <app-state-binding-demo></app-state-binding-demo>
 </div>
diff --git a/projects/docs-app/src/app/fundamentals/templates/templates.component.html b/projects/docs-app/src/app/fundamentals/templates/templates.component.html
index c95b7b34..4fcc7552 100644
--- a/projects/docs-app/src/app/fundamentals/templates/templates.component.html
+++ b/projects/docs-app/src/app/fundamentals/templates/templates.component.html
@@ -4,6 +4,8 @@ <h1>Custom Templates</h1>
 
 <h2>Demo</h2>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/fundamentals/templates/templates-demo/templates-demo.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
     <app-templates-demo></app-templates-demo>
 </div>
diff --git a/projects/docs-app/src/app/guides/async-guide/async-guide.component.html b/projects/docs-app/src/app/guides/async-guide/async-guide.component.html
index fbaa796f..e4c78611 100644
--- a/projects/docs-app/src/app/guides/async-guide/async-guide.component.html
+++ b/projects/docs-app/src/app/guides/async-guide/async-guide.component.html
@@ -6,6 +6,8 @@ <h1>Async Data</h1>
 
 <h2>Demo</h2>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/async-guide/async/async.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
   <app-async></app-async>
 </div>
diff --git a/projects/docs-app/src/app/guides/auto-scroll-guide/auto-scroll-guide.component.html b/projects/docs-app/src/app/guides/auto-scroll-guide/auto-scroll-guide.component.html
index 967e973f..fb0d4b4a 100644
--- a/projects/docs-app/src/app/guides/auto-scroll-guide/auto-scroll-guide.component.html
+++ b/projects/docs-app/src/app/guides/auto-scroll-guide/auto-scroll-guide.component.html
@@ -12,6 +12,7 @@ <h2>External Scroll (Scrolling as part of the body / other container)</h2>
 <p>Use the <code>scrollContainer</code> option for this purpose as described in <a [routerLink]="['/', 'fundamentals', 'options']">Options</a></p>
 
 <h2>Demo of scrollContainer</h2>
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/auto-scroll-guide/auto-scroll/auto-scroll.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-auto-scroll></app-auto-scroll>
 </div>
diff --git a/projects/docs-app/src/app/guides/checkboxes-guide/checkboxes-guide.component.html b/projects/docs-app/src/app/guides/checkboxes-guide/checkboxes-guide.component.html
index 5f46b07c..2c7807c0 100644
--- a/projects/docs-app/src/app/guides/checkboxes-guide/checkboxes-guide.component.html
+++ b/projects/docs-app/src/app/guides/checkboxes-guide/checkboxes-guide.component.html
@@ -3,6 +3,7 @@ <h1>Checkboxes</h1>
 <p>You can specify useCheckboxes option to show checkboxes, and the tree selection APIs to control and access which node is currently selected.</p>
 
 <h2>Demo</h2>
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/checkboxes-guide/checkboxes/checkboxes.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-checkboxes></app-checkboxes>
 </div>
diff --git a/projects/docs-app/src/app/guides/drag-drop-guide/drag-drop-guide.component.html b/projects/docs-app/src/app/guides/drag-drop-guide/drag-drop-guide.component.html
index 6c3b49f0..33ace683 100644
--- a/projects/docs-app/src/app/guides/drag-drop-guide/drag-drop-guide.component.html
+++ b/projects/docs-app/src/app/guides/drag-drop-guide/drag-drop-guide.component.html
@@ -1,6 +1,9 @@
 <h1>Drag & Drop</h1>
 
 <h2>Demo</h2>
+
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/drag-drop-guide/drag-drop/drag-drop.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
   <app-drag-drop></app-drag-drop>
 </div>
diff --git a/projects/docs-app/src/app/guides/filter-guide/filter-guide.component.html b/projects/docs-app/src/app/guides/filter-guide/filter-guide.component.html
index 1752b2a3..7ca126bd 100644
--- a/projects/docs-app/src/app/guides/filter-guide/filter-guide.component.html
+++ b/projects/docs-app/src/app/guides/filter-guide/filter-guide.component.html
@@ -2,6 +2,8 @@ <h1>Filtering</h1>
 
 <h2>Demo</h2>
 
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/filter-guide/filter/filter.component.ts" target="_blank">Source Code</a></p>
+
 <div class="demo-container">
   <app-filter></app-filter>
 </div>
diff --git a/projects/docs-app/src/app/guides/large-tree-guide/large-tree-guide.component.html b/projects/docs-app/src/app/guides/large-tree-guide/large-tree-guide.component.html
index 3c5c68e0..d88512a1 100644
--- a/projects/docs-app/src/app/guides/large-tree-guide/large-tree-guide.component.html
+++ b/projects/docs-app/src/app/guides/large-tree-guide/large-tree-guide.component.html
@@ -16,6 +16,7 @@ <h2>Hidden trees</h2>
 
 <h2>Demo</h2>
 <p>Initializing 100,000 nodes, please be patient...</p>
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/large-tree-guide/large-tree/large-tree.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-large-tree></app-large-tree>
 </div>
diff --git a/projects/docs-app/src/app/guides/rtl-guide/rtl-guide.component.html b/projects/docs-app/src/app/guides/rtl-guide/rtl-guide.component.html
index 0295fd71..4d96bb6f 100644
--- a/projects/docs-app/src/app/guides/rtl-guide/rtl-guide.component.html
+++ b/projects/docs-app/src/app/guides/rtl-guide/rtl-guide.component.html
@@ -2,6 +2,7 @@ <h1>RTL</h1>
 <p>You can make the tree right to left easily by supplying an 'rtl' boolean option.</p>
 
 <h2>Demo</h2>
+<p><a href="https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/docs-app/src/app/guides/rtl-guide/rtl/rtl.component.ts" target="_blank">Source Code</a></p>
 <div class="demo-container">
   <app-rtl></app-rtl>
 </div>