diff --git a/README.md b/README.md
index 9b7f3d7..0c74e90 100644
--- a/README.md
+++ b/README.md
@@ -13,9 +13,10 @@
 
 **vue-chartjs** is a wrapper for [Chart.js](https://github.com/chartjs/Chart.js) in vue. You can easily create reuseable chart components.
 
-## Demo
+## Demo & Docs
 
-[Demo](https://apertureless.github.io/vue-chartjs/)
+- [Demo](http://demo.vue-chartjs.org/)
+- [Docs](http://www.vue-chartjs.org/)
 
 ### Compatibility
 
diff --git a/docs/README.md b/docs/README.md
index d1f7699..ad6d42f 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -254,9 +254,27 @@ Sometimes you need more control over chart.js. Thats why you can access the char
 
 </p>
 
+![Bar](assets/bar.png)
 ### Line Chart
+
+![Line](assets/line.png)
+
 ### Doughnut
+
+![Doughnut](assets/doughnut.png)
+
 ### Pie
+
+![Pie](assets/pie.png)
+
 ### Radar
+
+![Pie](assets/radar.png)
+
 ### Polar Area
+
+![Pie](assets/polar.png)
+
 ### Bubble
+
+![Bubble](assets/bubble.png)
diff --git a/docs/_landing.html b/docs/_landing.html
index 69b0b59..17e3760 100644
--- a/docs/_landing.html
+++ b/docs/_landing.html
@@ -17,7 +17,7 @@
     Docs
   </a>
 
-  <a class="landing-button" target="_blank" href="https://github.com/apertureless/vue-chartjs">
+  <a class="landing-button" target="_blank" href="http://demo.vue-chartjs.org/">
     Demo
   </a>
 </div>
diff --git a/docs/assets/bar.png b/docs/assets/bar.png
new file mode 100644
index 0000000..3548919
Binary files /dev/null and b/docs/assets/bar.png differ
diff --git a/docs/assets/bubble.png b/docs/assets/bubble.png
new file mode 100644
index 0000000..9c68493
Binary files /dev/null and b/docs/assets/bubble.png differ
diff --git a/docs/assets/doughnut.png b/docs/assets/doughnut.png
new file mode 100644
index 0000000..34be7aa
Binary files /dev/null and b/docs/assets/doughnut.png differ
diff --git a/docs/assets/line.png b/docs/assets/line.png
new file mode 100644
index 0000000..c700f17
Binary files /dev/null and b/docs/assets/line.png differ
diff --git a/docs/assets/logo.png b/docs/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/docs/assets/logo.png differ
diff --git a/docs/assets/pie.png b/docs/assets/pie.png
new file mode 100644
index 0000000..5cc540c
Binary files /dev/null and b/docs/assets/pie.png differ
diff --git a/docs/assets/polar.png b/docs/assets/polar.png
new file mode 100644
index 0000000..e51103f
Binary files /dev/null and b/docs/assets/polar.png differ
diff --git a/docs/assets/radar.png b/docs/assets/radar.png
new file mode 100644
index 0000000..0f71590
Binary files /dev/null and b/docs/assets/radar.png differ
diff --git a/docs/assets/vue-chartjs.png b/docs/assets/vue-chartjs.png
new file mode 100644
index 0000000..43fb2a0
Binary files /dev/null and b/docs/assets/vue-chartjs.png differ
diff --git a/docs/assets/vue-chartjs.svg b/docs/assets/vue-chartjs.svg
new file mode 100644
index 0000000..43cd47b
--- /dev/null
+++ b/docs/assets/vue-chartjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="a" x1="100%" x2="0%" y1="4.18%" y2="65.116%"><stop stop-color="#FAFAFA" offset="0%"/><stop stop-color="#D9D9D9" offset="100%"/></linearGradient><linearGradient id="b" x1="108.208%" x2="5.433%" y1="12.265%" y2="86.92%"><stop stop-color="#FAFAFA" offset="0%"/><stop stop-color="#D9D9D9" offset="100%"/></linearGradient></defs><g fill="none"><path fill="#fff" stroke="#EBEBEB" stroke-width="8.456" d="M128.744 13l99.745 57.46v114.921l-99.745 57.46-99.744-57.46v-114.921z"/><path fill="url(#a)" d="M129 17.941l90.395 51.432-4.057 117.675-86.903 4.653z"/><path fill="url(#b)" d="M129 17.814l-90.961 51.559-3.191 113.538 93.587 8.79z"/><path fill="#41B883" d="M32.955 72.755l95.789 54.681v110.49l-95.789-54.681z"/><path fill="#35495E" d="M224.48 71.627l-95.789 55.809v110.49l95.789-54.681z"/><path fill="#596F85" d="M224.48 71.627l-95.789 55.809v-7.892l88.445-51.299z"/><path fill="#61D09F" d="M32.955 72.755l95.789 54.681v-7.892l-89.575-50.171z"/></g></svg>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 304ec76..4f71653 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -14,5 +14,18 @@
   <script src="./config.js"></script>
   <script src="https://unpkg.com/docute@2/dist/docute.js"></script>
   <!-- don't remove this part end -->
+
+  <!-- Google Analytics -->
+  <script>
+  window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+  ga('create', 'UA-92766713-1', 'auto');
+  ga('send', 'pageview');
+  docute.router.afterEach(function (to) {
+    ga('set', 'page', to.fullPath);
+    ga('send', 'pageview');
+  });
+  </script>
+  <script async src='https://www.google-analytics.com/analytics.js'></script>
+  <!-- End Google Analytics -->
 </body>
 </html>