diff --git a/webui/package.json b/webui/package.json
index eaf4b2ac4..bd145508b 100644
--- a/webui/package.json
+++ b/webui/package.json
@@ -10,6 +10,8 @@
     "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
+    "bulma": "^0.7.5",
+    "chart.js": "^2.8.0",
     "core-js": "^2.6.5",
     "vue": "^2.6.10",
     "vue-router": "^3.0.3",
diff --git a/webui/src/App.vue b/webui/src/App.vue
index 5e51fbb7d..67813ed27 100644
--- a/webui/src/App.vue
+++ b/webui/src/App.vue
@@ -1,5 +1,17 @@
 <template>
   <div id="app">
+    <nav class="navbar" role="navigation" aria-label="main navigation">
+      <div class="navbar-brand">
+        <a class="navbar-item" href="/dashboard">
+          <img
+            src="./assets/images/traefik_logo@3x.svg"
+            alt="Traefik Webui"
+            width="112"
+            height="28"
+          />
+        </a>
+      </div>
+    </nav>
     <router-view />
   </div>
 </template>
diff --git a/webui/src/assets/images/traefik_logo@3x.svg b/webui/src/assets/images/traefik_logo@3x.svg
new file mode 100644
index 000000000..aae4d7114
--- /dev/null
+++ b/webui/src/assets/images/traefik_logo@3x.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="106px" height="30px" viewBox="0 0 106 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>F8E5018F-A6ED-4D95-9CB0-FEDA05C16096@3x</title>
+    <desc>Created with sketchtool.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Traefik---Bandeau-top" transform="translate(-250.000000, -78.000000)" fill-rule="nonzero">
+            <g id="Group-5" transform="translate(-6.000000, 60.000000)">
+                <g id="Group-34" transform="translate(6.000000, 0.000000)">
+                    <g id="traefik_logo" transform="translate(250.000000, 18.000000)">
+                        <path d="M8.98180839,29.9538246 C7.42452527,29.9538246 6.18547604,29.4525202 5.2646607,28.4499144 C4.34383091,27.4337642 3.8834189,25.8756619 3.88342179,23.7756048 L3.88342179,12.0695042 L1.40532102,12.0695042 C0.958449096,12.0695216 0.613140237,11.9611317 0.369394149,11.7443342 C0.13918728,11.5275727 0.0240844228,11.2362755 0.0240850006,10.8704414 C0.0240844228,10.5181936 0.13918728,10.2336706 0.369394149,10.0168716 C0.599598996,9.78656313 0.938136657,9.67139909 1.38500887,9.67137886 L3.88342179,9.67137886 L4.37091975,3.89962092 C4.39799703,3.46608794 4.58757844,3.09349837 4.93966399,2.78185104 C5.30527806,2.47025748 5.70475246,2.31444726 6.13808719,2.3144198 C6.5443273,2.31444726 6.88286409,2.44316002 7.15370335,2.70055868 C7.42452527,2.94446237 7.55994057,3.3035035 7.55994924,3.77768237 L7.55994924,9.67137886 L11.2974114,9.67137886 C11.7442689,9.67139909 12.0760371,9.78656313 12.2927131,10.0168716 C12.5229061,10.2472193 12.6380098,10.545291 12.6380214,10.9110876 C12.6380098,11.683383 12.1911379,12.0695216 11.2974114,12.0695042 L7.55994924,12.0695042 L7.55994924,23.1455883 C7.55994057,24.5411115 7.75629347,25.5504925 8.14900505,26.1737282 C8.5416993,26.7834252 9.16460965,27.0882694 10.0177361,27.0882694 L10.2411721,27.0882694 L11.6224081,27.0272994 L11.7442804,27.0272994 C12.1911379,27.0273023 12.5432177,27.1695618 12.8005197,27.4540836 C13.0577958,27.7386084 13.1864396,28.0705529 13.186454,28.4499144 C13.1864396,28.788634 13.1119619,29.0663837 12.9630181,29.2831633 C12.8140483,29.4863928 12.5838437,29.6354302 12.2724015,29.7302699 C11.9744763,29.8251124 11.6697912,29.886094 11.358349,29.913177 C11.0604238,29.9402686 10.667718,29.9538246 10.1802345,29.9538246 L8.98180839,29.9538246 Z M19.300451,29.6692999 C18.7994101,29.6692999 18.3728526,29.5202653 18.0207787,29.2221933 C17.6686931,28.9241213 17.4926547,28.5041122 17.4926576,27.9621602 L17.4926576,11.1956109 C17.4926547,10.6536808 17.6754646,10.2404451 18.0410902,9.95590214 C18.4067072,9.65785037 18.8400361,9.50881436 19.3410771,9.50879413 C19.8421064,9.50881436 20.2686668,9.65785037 20.6207523,9.95590214 C20.9863664,10.2404451 21.1691763,10.6401321 21.1691821,11.1549647 L21.1488734,13.5937368 C21.4874044,12.333721 22.1644809,11.2836959 23.1801029,10.4436563 C24.2092504,9.59010673 25.4415282,9.16332224 26.8769419,9.16330172 C27.3102564,9.16332224 27.6487961,9.32590668 27.8925551,9.65105591 C28.1498312,9.97624503 28.278475,10.3556091 28.2784895,10.789149 C28.278475,11.1956294 28.1633713,11.547896 27.9331812,11.8459498 C27.7029622,12.1304916 27.371194,12.272751 26.9378766,12.2727337 C25.10976,12.272751 23.6879008,12.7469579 22.6722962,13.6953515 C21.6702144,14.6437769 21.1691792,15.9105822 21.169185,17.4957703 L21.169185,27.9621602 C21.1691792,28.5041122 20.9795978,28.9241213 20.6004408,29.2221933 C20.2348151,29.5202653 19.8014862,29.6692999 19.3004539,29.6692999 Z M68.9876437,29.6692999 C68.4866028,29.6692999 68.0532739,29.5134902 67.6876569,29.2018709 C67.3355714,28.8767015 67.1595329,28.4295949 67.1595387,27.8605455 L67.1595387,12.0695042 L64.4986274,12.0695042 C64.0517555,12.0695216 63.7199873,11.9611317 63.5033257,11.7443342 C63.2866583,11.514024 63.1783261,11.229501 63.178329,10.8907643 C63.1783261,10.5385168 63.2866583,10.2472193 63.5033257,10.0168716 C63.7199873,9.78656313 64.0517555,9.67139909 64.4986274,9.67137886 L67.1595387,9.67137886 L67.1595387,7.09034641 C67.1595329,4.66514903 67.674111,2.94446237 68.7032731,1.92828121 C69.7324206,0.898606529 71.1542798,0.38375546 72.9688534,0.383726267 L75.4469548,0.383726267 C75.8396433,0.38375546 76.1443284,0.526016955 76.3610073,0.81051104 C76.5911974,1.08151421 76.7063011,1.40668338 76.7063156,1.78601942 C76.7063011,2.16541154 76.5911974,2.49058043 76.3610073,2.76152781 C76.1443284,3.03252924 75.8328747,3.16801623 75.4266403,3.16798963 L73.700096,3.16798963 C73.1178001,3.16801623 72.6641596,3.22221114 72.3391716,3.33057437 C72.0141662,3.42544176 71.723024,3.64899562 71.4657451,4.00123652 C71.2219889,4.33998015 71.0527191,4.83450798 70.9579356,5.48482205 C70.8766777,6.12163594 70.8360546,6.98875364 70.8360632,8.08617774 L70.8360632,9.67137886 L74.2688403,9.67137886 C74.7156977,9.67139909 75.0406945,9.78656313 75.2438304,10.0168716 C75.4604833,10.2472193 75.5688155,10.5385168 75.5688271,10.8907643 C75.5688155,11.6766087 75.1354866,12.0695216 74.2688403,12.0695042 L70.8360632,12.0695042 L70.8360632,27.8605455 C70.8360546,28.4295949 70.6532447,28.8767015 70.2876306,29.2018709 C69.9220021,29.5134902 69.4886731,29.6692999 68.9876437,29.6692999 Z M81.8047022,4.77351399 C81.0869968,4.77353885 80.5114811,4.57030823 80.0781579,4.16382125 C79.6448261,3.74383671 79.4281616,3.20188819 79.4281645,2.53797395 C79.4281616,1.87411405 79.6448261,1.33216552 80.0781579,0.912126641 C80.525024,0.49214528 81.1073084,0.282140148 81.8250138,0.282110666 C82.5291675,0.282140148 83.0979118,0.49214528 83.5312465,0.912126641 C83.9645697,1.31861679 84.1812341,1.86056532 84.1812399,2.53797395 C84.1812341,3.20188819 83.9645697,3.74383671 83.5312465,4.16382125 C83.0979118,4.57030823 82.522396,4.77353885 81.8047022,4.77351399 Z M81.7843935,29.6692999 C81.2833526,29.6692999 80.8567922,29.5134902 80.5047182,29.2018709 C80.1526356,28.8767015 79.9765943,28.4160447 79.9765971,27.8199007 L79.9765971,11.2972262 C79.9765943,10.7281987 80.1594042,10.2810913 80.5250298,9.95590214 C80.9041898,9.63075291 81.3442873,9.46816818 81.8453282,9.46814795 C82.3328175,9.46816818 82.7526064,9.63075291 83.1046919,9.95590214 C83.470306,10.2810913 83.6531159,10.7281987 83.6531246,11.2972262 L83.6531246,27.8199007 C83.6531159,28.3889473 83.4635345,28.8428289 83.0843803,29.1815457 C82.7187518,29.5067151 82.2854229,29.6692999 81.7843935,29.6692999 Z M91.5546035,29.6692999 C91.0535625,29.6692999 90.6270051,29.5134902 90.2749282,29.2018709 C89.9228456,28.8767015 89.7468071,28.4160447 89.74681,27.8199007 L89.74681,2.47700453 C89.7468071,1.90798572 89.929617,1.46087829 90.2952398,1.1356805 C90.6743997,0.810539944 91.1145002,0.647955503 91.6155411,0.64792631 C92.1030304,0.647955503 92.5228163,0.810539944 92.8749019,1.1356805 C93.240516,1.46087829 93.4233288,1.90798572 93.4233346,2.47700453 L93.4233346,18.0241693 L102.645115,9.56976355 C102.943014,9.31235796 103.261239,9.18364519 103.599793,9.18362467 C104.033105,9.18364519 104.412268,9.35300414 104.737282,9.6917021 C105.075801,10.0304399 105.245071,10.409804 105.245088,10.8297952 C105.245071,11.2091781 105.082573,11.5546702 104.757593,11.8662719 L97.3842327,18.4712787 L105.448213,26.9663294 C105.746106,27.2779516 105.895065,27.6302185 105.895082,28.0231302 C105.895065,28.4566924 105.719023,28.8428289 105.366964,29.1815457 C105.028407,29.5202653 104.635704,29.6896251 104.188849,29.6896251 C103.71488,29.6896251 103.308634,29.4999429 102.970111,29.1205786 L93.4233346,18.9590329 L93.4233346,27.8199007 C93.4233288,28.4024974 93.2337474,28.8563791 92.8545903,29.1815457 C92.4889618,29.5067151 92.0556357,29.6692999 91.5546035,29.6692999 Z" id="Combined-Shape" fill="#000000"></path>
+                        <path d="M36.3713154,29.6624232 C34.0310297,29.460557 32.2427294,28.7542556 30.9420334,27.5180697 C29.6186804,26.2603133 29.0508498,24.6205387 29.2749448,22.7038006 C29.5328204,20.4980739 30.5804425,18.9404401 32.4171902,18.0317316 C33.8328097,17.3313626 35.2450422,17.0649542 37.5449128,17.0644049 C39.1789598,17.0635598 40.5481926,17.1975964 42.636532,17.5611161 C43.1529125,17.6510063 43.5999833,17.724595 43.6300223,17.7246584 C43.6737061,17.7246584 43.7083483,17.5602246 43.8030979,16.9027978 C43.9745265,15.713319 44.0052538,15.3028767 43.9585505,14.8264006 C43.9041864,14.2717598 43.8332382,14.0075823 43.6232273,13.5777457 C43.0813815,12.468764 41.79512,11.7902443 39.729615,11.5238316 C39.1388994,11.4476443 37.775562,11.4369795 37.1838075,11.503888 C36.1923866,11.616033 35.6391384,11.7589302 34.4052899,12.2214837 C33.6834215,12.4921133 33.6801232,12.4929499 33.3921791,12.4760401 C32.8971718,12.4470119 32.5592471,12.2227852 32.3425046,11.7795415 C32.253245,11.5970147 32.2375477,11.521664 32.2375435,11.2757147 C32.2375435,10.9065035 32.3336487,10.7105021 32.6682878,10.3973021 C33.4187129,9.69493445 34.6815065,9.09679783 35.9560404,8.83998515 C36.772139,8.67555135 37.1738663,8.64097952 38.2490738,8.64263163 C39.3616388,8.64558938 40.0730381,8.70719501 41.0617394,8.89114149 C42.7062471,9.19706121 43.954944,9.73629642 44.8965322,10.5471035 C45.1759161,10.7876781 45.5972007,11.2611753 45.7777216,11.5374753 C45.8328923,11.6219316 45.8897311,11.6910415 45.9040221,11.6910415 C45.9183385,11.6910415 46.0095956,11.5895612 46.1068622,11.4655598 C47.532634,9.6477922 49.9339647,8.61889361 52.7473103,8.62033868 C54.7371879,8.62033868 56.586795,9.12503586 57.9655383,10.0414049 C59.059112,10.7682499 59.9475018,11.8879345 60.3063899,12.9917147 C60.5124522,13.6254626 60.5437792,13.8596485 60.5456796,14.7801542 C60.5469466,15.3529133 60.5310677,15.7392457 60.4991283,15.9182443 C60.1764618,17.727426 59.4078942,18.980788 58.0738694,19.8732584 C57.0006596,20.5912302 55.6528083,21.0113485 53.8899861,21.1772866 C53.002593,21.2608175 51.3795556,21.2529288 50.3281158,21.1599626 C49.4357732,21.0810626 48.340033,20.9422345 47.8725899,20.8488753 C47.481319,20.770719 46.1414579,20.5468852 46.1304229,20.5578457 C46.1255663,20.5627471 46.0618143,20.9636528 45.9887672,21.4489471 C45.8721419,22.2238049 45.8556211,22.4171443 45.8531759,23.0358373 C45.850642,23.6648697 45.8595106,23.7752274 45.9353491,24.0655345 C46.1792716,24.9990457 46.7168056,25.6234894 47.6920352,26.1062401 C48.6513943,26.5811359 49.6571063,26.7866401 51.176724,26.8183218 C51.8494945,26.8324767 52.1940326,26.8225894 52.6149328,26.7780542 C53.635282,26.6698049 54.1002377,26.5510387 55.4558426,26.0524175 C55.79348,25.9282133 56.1380518,25.8151978 56.221568,25.8012668 C56.4005349,25.7713936 56.7343166,25.8330837 56.9288456,25.9319443 C57.2799717,26.1103683 57.5749769,26.586219 57.5731356,26.9711612 C57.571024,27.4208739 57.4195032,27.6932654 56.9745059,28.0475105 C55.9105024,28.8945161 54.5519709,29.4139429 52.9302638,29.5938457 C52.351981,29.6580077 51.0316729,29.6674598 50.393933,29.612057 C48.5979467,29.4559809 47.3510319,29.1486373 46.2114939,28.5812232 C45.3223397,28.1384781 44.643944,27.5892119 44.137264,26.9017936 C44.0127667,26.7328809 43.9070117,26.5904654 43.9022565,26.5852598 C43.8974843,26.5800626 43.8147452,26.6776429 43.7183486,26.8020415 C43.2922581,27.3519711 42.6406749,27.9430598 42.0039147,28.3573049 C41.0846624,28.9553274 39.7649751,29.4115514 38.4296285,29.5929795 C38.0313979,29.6470598 36.7101227,29.691688 36.3713154,29.6624654 L36.3713154,29.6624232 Z M38.6643488,27.0881147 C39.7545778,26.8463697 40.7261333,26.3014725 41.4314387,25.5362401 C42.0747996,24.8382373 42.6024895,23.7925514 42.8929042,22.6402091 C43.0566087,21.9906204 43.3287204,20.1827021 43.2684018,20.1454218 C43.2445835,20.1306753 43.1007909,20.1074359 42.9488688,20.093657 C42.7969425,20.0797978 42.3638924,20.0287387 41.9865366,19.9799147 C39.7450843,19.6898654 38.3699813,19.5771711 37.5990826,19.6204133 C36.1334742,19.7025542 35.5359974,19.8305697 34.6560538,20.2510345 C34.2052624,20.466426 33.8941208,20.7001767 33.6479389,21.0083485 C33.2947478,21.4505232 33.0815653,21.8899218 32.9329668,22.4819908 C32.8248299,22.9128288 32.8137949,24.0409471 32.914174,24.4044204 C33.0832419,25.0166866 33.2839408,25.3632204 33.7352432,25.8220683 C34.353219,26.450357 35.1678691,26.8694908 36.1783659,27.0790725 C36.6950673,27.1862485 36.6797754,27.1852049 37.5449255,27.1721739 C38.172682,27.1626246 38.4075543,27.1450049 38.6643615,27.0881147 L38.6643488,27.0881147 Z M52.9461427,18.6111711 C53.8579412,18.5306739 54.418584,18.3890443 55.1074278,18.0652598 C55.6803345,17.7959359 56.0133181,17.5206837 56.3284253,17.0559373 C56.7923379,16.3716922 56.9729855,15.7241612 56.9683486,14.7620908 C56.9649701,14.0763711 56.9069488,13.7911175 56.6703492,13.298826 C56.1417133,12.1989119 54.8998789,11.4110528 53.2711446,11.1422697 C52.8647212,11.0752175 51.7738671,11.0871204 51.3572745,11.1631006 C50.5558385,11.3094077 49.8783887,11.5760823 49.2809076,11.9804105 C48.1770422,12.7274359 47.4152232,13.8535049 46.9909993,15.3651795 C46.8243682,15.9589514 46.7799495,16.1868668 46.6313848,17.2103781 L46.4943408,18.1545288 L46.677915,18.1747683 C47.2323541,18.2362767 48.4825967,18.3877387 49.208684,18.4813852 C49.6654849,18.540295 50.2261067,18.6031598 50.4545092,18.6211091 C51.1147963,18.6729626 52.2986178,18.6681373 52.9461427,18.6110105 L52.9461427,18.6111711 Z" id="path4507" fill="#37ABC8"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/webui/src/main.js b/webui/src/main.js
index 3a47006f0..0e9e1de81 100644
--- a/webui/src/main.js
+++ b/webui/src/main.js
@@ -3,6 +3,8 @@ import App from "./App.vue";
 import router from "./router";
 import store from "./store";
 
+import "bulma/css/bulma.min.css";
+
 Vue.config.productionTip = false;
 
 new Vue({
diff --git a/webui/src/router.js b/webui/src/router.js
index b6c6f53a0..c21d26d28 100644
--- a/webui/src/router.js
+++ b/webui/src/router.js
@@ -1,6 +1,6 @@
 import Vue from "vue";
 import Router from "vue-router";
-import WIP from "./views/WIP.vue";
+import Home from "./views/Home.vue";
 
 Vue.use(Router);
 
@@ -9,7 +9,7 @@ export default new Router({
     {
       path: "/",
       name: "home",
-      component: WIP
+      component: Home
     }
   ]
 });
diff --git a/webui/src/views/Home.vue b/webui/src/views/Home.vue
new file mode 100644
index 000000000..9f618c710
--- /dev/null
+++ b/webui/src/views/Home.vue
@@ -0,0 +1,228 @@
+<template>
+  <main class="home section">
+    <section class="container panel">
+      <p class="panel-heading ">🚧 Work in progress...</p>
+      <div class="panel-block">
+        <div>
+          <p>
+            In the meantime, you can review your current configuration by using
+            the <a href="/api/rawdata">/api/rawdata</a> endpoint.
+          </p>
+          <p>
+            Also, please keep your <i class="fa fa-eye" /> on our
+            <a href="https://docs.traefik.io/v2.0/operations/dashboard/"
+              >documentation</a
+            >
+            to stay informed
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <section class="container panel" v-if="entrypoints.length">
+      <p class="panel-heading ">Entrypoints</p>
+      <div class="panel-block">
+        <nav class="level" :style="{ flex: '1 1' }">
+          <div
+            class="level-item has-text-centered"
+            v-for="entrypoint in entrypoints"
+            :key="entrypoint.name"
+          >
+            <div>
+              <p class="heading">{{ entrypoint.name }}</p>
+              <p class="title">{{ entrypoint.address }}</p>
+            </div>
+          </div>
+        </nav>
+      </div>
+    </section>
+
+    <section class="container" v-if="overview.http">
+      <p class="title is-4">HTTP</p>
+      <div class="tile is-child box columns is-height-limited">
+        <div class="column is-4">
+          <canvas id="http-routers" />
+        </div>
+        <div class="column is-4">
+          <canvas id="http-middlewares" />
+        </div>
+        <div class="column is-4">
+          <canvas id="http-services" />
+        </div>
+      </div>
+    </section>
+
+    <section class="container" v-if="overview.tcp">
+      <p class="title is-4">TCP</p>
+      <div class="tile is-child box columns is-height-limited">
+        <div class="column is-4">
+          <canvas id="tcp-routers" />
+        </div>
+        <div class="column is-4">
+          <canvas id="tcp-services" />
+        </div>
+      </div>
+    </section>
+
+    <section class="container panel">
+      <p class="panel-heading">Features</p>
+      <div class="panel-block">
+        <div class="tile is-ancestor">
+          <div
+            class="tile is-parent"
+            v-for="(feature, key) of overview.features"
+            :key="key"
+          >
+            <div
+              class="tile is-child notification"
+              :class="{ 'is-success': feature, 'is-danger': !feature }"
+            >
+              <p class="title">{{ key }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+</template>
+
+<script>
+import Chart from "chart.js";
+
+Chart.plugins.register({
+  afterDraw: function(chart) {
+    if (chart.data.datasets[0].data.reduce((acc, it) => acc + it, 0) === 0) {
+      var ctx = chart.chart.ctx;
+      var width = chart.chart.width;
+      var height = chart.chart.height
+      chart.clear();
+
+      ctx.save();
+      ctx.textAlign = 'center';
+      ctx.textBaseline = 'middle';
+      ctx.font = "16px normal 'Helvetica Nueue'";
+      ctx.fillText(`No ${chart.options.title.text}`, width / 2, height / 2);
+      ctx.restore();
+    }
+  }
+});
+
+export default {
+  name: "home",
+  data: () => ({
+    entrypoints: [],
+    overview: {
+      features: []
+    },
+    charts: {
+      http: {
+        routers: null,
+        middlewares: null,
+        services: null
+      },
+      tcp: {
+        routers: null,
+        services: null
+      }
+    },
+    interval: null
+  }),
+  methods: {
+    buildDoughnutChart(
+      selector,
+      entity = { errors: 2, warnings: 2, total: 6 },
+      name
+    ) {
+      return new Chart(this.$el.querySelector(selector), {
+        type: "doughnut",
+        data: {
+          datasets: [
+            {
+              data: [
+                entity.errors,
+                entity.warnings,
+                entity.total - (entity.errors + entity.warnings)
+              ],
+              backgroundColor: [
+                "hsl(348, 100%, 61%)",
+                "hsl(48, 100%, 67%)",
+                "hsl(141, 71%, 48%)"
+              ]
+            }
+          ],
+          labels: ["errors", "warnings", "success"]
+        },
+        options: {
+          title: {
+            display: true,
+            text: name
+          },
+          legend: {
+            display: false
+          }
+        }
+      });
+    },
+    fetchOverview() {
+      return fetch("/api/overview")
+        .then(response => response.json())
+        .then(response => (this.overview = response))
+        .then(() => {
+          this.charts = {
+            http: {
+              routers: this.buildDoughnutChart(
+                "#http-routers",
+                this.overview.http.routers,
+                "Routers"
+              ),
+              middlewares: this.buildDoughnutChart(
+                "#http-middlewares",
+                this.overview.http.middlewares,
+                "Middlewares"
+              ),
+              services: this.buildDoughnutChart(
+                "#http-services",
+                this.overview.http.services,
+                "Services"
+              )
+            },
+            tcp: {
+              routers: this.buildDoughnutChart(
+                "#tcp-routers",
+                this.overview.tcp.routers,
+                "Routers"
+              ),
+              services: this.buildDoughnutChart(
+                "#tcp-services",
+                this.overview.tcp.services,
+                "Services"
+              )
+            }
+          };
+        });
+    },
+    fetchEntrypoints() {
+      return fetch("/api/entrypoints")
+        .then(response => response.json())
+        .then(response => (this.entrypoints = response));
+    }
+  },
+  async mounted() {
+    await this.fetchOverview();
+    await this.fetchEntrypoints();
+    this.interval = setInterval(() => {
+      this.fetchOverview();
+      this.fetchEntrypoints();
+    }, 60000);
+  },
+  beforeDestroy() {
+    clearInterval(this.interval);
+  }
+};
+</script>
+
+<style lang="scss">
+.home section {
+  margin-bottom: 1.5rem;
+}
+</style>
diff --git a/webui/src/views/WIP.vue b/webui/src/views/WIP.vue
deleted file mode 100644
index 763a267d8..000000000
--- a/webui/src/views/WIP.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <main class="wip">
-    <img src="../assets/images/traefik.logo.svg" alt="logo" />
-    <header>
-      <h1 class="title">
-        <i class="fa fa-exclamation-triangle"></i>
-        Work in progress...
-      </h1>
-      <p>
-        In the meantime, you can review your current configuration by using the
-        <a href="/api/rawdata">/api/rawdata</a> endpoint <br /><br />
-        Also, please keep your <i class="fa fa-eye"></i> on our
-        <a href="https://docs.traefik.io/v2.0/operations/dashboard/"
-          >documentation</a
-        >
-        to stay informed
-      </p>
-      <p></p>
-    </header>
-  </main>
-</template>
-
-<script>
-export default {
-  name: "home"
-};
-</script>
-
-<style lang="sass">
-.wip
-  display: flex
-  flex-direction: column
-  align-items: center
-  justify-content: center
-  height: 100vh
-
-  .title
-    font-size: 4em
-</style>
diff --git a/webui/yarn.lock b/webui/yarn.lock
index 3c2daf252..8c50b4c03 100644
--- a/webui/yarn.lock
+++ b/webui/yarn.lock
@@ -2058,6 +2058,11 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
+bulma@^0.7.5:
+  version "0.7.5"
+  resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"
+  integrity sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw==
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -2272,6 +2277,29 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
+chart.js@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-2.8.0.tgz#b703b10d0f4ec5079eaefdcd6ca32dc8f826e0e9"
+  integrity sha512-Di3wUL4BFvqI5FB5K26aQ+hvWh8wnP9A3DWGvXHVkO13D3DSnaSsdZx29cXlEsYKVkn1E2az+ZYFS4t0zi8x0w==
+  dependencies:
+    chartjs-color "^2.1.0"
+    moment "^2.10.2"
+
+chartjs-color-string@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz#1df096621c0e70720a64f4135ea171d051402f71"
+  integrity sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==
+  dependencies:
+    color-name "^1.0.0"
+
+chartjs-color@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.3.0.tgz#0e7e1e8dba37eae8415fd3db38bf572007dd958f"
+  integrity sha512-hEvVheqczsoHD+fZ+tfPUE+1+RbV6b+eksp2LwAhwRTVXEjCSEavvk+Hg3H6SZfGlPh/UfmWKGIvZbtobOEm3g==
+  dependencies:
+    chartjs-color-string "^0.6.0"
+    color-convert "^0.5.3"
+
 check-types@^8.0.3:
   version "8.0.3"
   resolved "https://registry.yarnpkg.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
@@ -2453,6 +2481,11 @@ collection-visit@^1.0.0:
     map-visit "^1.0.0"
     object-visit "^1.0.0"
 
+color-convert@^0.5.3:
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-0.5.3.tgz#bdb6c69ce660fadffe0b0007cc447e1b9f7282bd"
+  integrity sha1-vbbGnOZg+t/+CwAHzER+G59ygr0=
+
 color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -6513,6 +6546,11 @@ mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdi
   dependencies:
     minimist "0.0.8"
 
+moment@^2.10.2:
+  version "2.24.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"
+  integrity sha512-bV7f+6l2QigeBBZSM/6yTNq4P2fNpSWj/0e7jQcy87A8e7o2nAfP/34/2ky5Vw4B9S446EtIhodAzkFCcR4dQg==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"