diff --git a/src/ui/Domo/index.html b/src/ui/Domo/index.html
index c3fa65fc..e9a8e4fa 100644
--- a/src/ui/Domo/index.html
+++ b/src/ui/Domo/index.html
@@ -10,12 +10,15 @@
 	<meta name="apple-mobile-web-app-status-bar-style" content="black-		translucent">
 	<meta name="description" content="Domo controller">
 	<meta name="author" content="NADAL Jean-Baptiste">
+	<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="stylesheet" 
+     href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css">
 	<link rel="icon" href="/static/favicon.ico">
 	<link rel="apple-touch-icon" href="/static/favicon.png">
     <title>Domo</title>
   </head>
   <body>
-  <h1>pouet</h1>
   <app></app>
   <!-- built files will be auto injected -->
   <script src="dist/build.js"></script>
diff --git a/src/ui/Domo/package.json b/src/ui/Domo/package.json
index 62c701c1..91b1dfe2 100644
--- a/src/ui/Domo/package.json
+++ b/src/ui/Domo/package.json
@@ -10,7 +10,8 @@
   },
   "dependencies": {
     "vue": "^1.0.17",
-    "vue-router": "^0.7.7"
+    "vue-router": "^0.7.11",
+    "vue-mdl": "^0.5.0"
   },
   "devDependencies": {
     "babel-core": "^6.0.0",
diff --git a/src/ui/Domo/src/app.vue b/src/ui/Domo/src/app.vue
index 4f887a3f..ce941c3f 100644
--- a/src/ui/Domo/src/app.vue
+++ b/src/ui/Domo/src/app.vue
@@ -1,5 +1,10 @@
 <template>
-   <router-view></router-view>
+  <a v-link="{ path: '/' }">Go to Home</a>
+  <a v-link="{ path: '/lights' }">Go to Lights</a>
+  <a v-link="{ path: '/shutters' }">Go to Shutters</a>
+  <a v-link="{ path: '/sprinklers' }">Go to Sprinklers</a>
+  <router-view class="bounce">
+</router-view>
 </template>
 
 <!--
diff --git a/src/ui/Domo/src/components/lights.vue b/src/ui/Domo/src/components/lights.vue
index 96038692..f3a18f05 100644
--- a/src/ui/Domo/src/components/lights.vue
+++ b/src/ui/Domo/src/components/lights.vue
@@ -2,4 +2,6 @@
 
 <h1> Lights </h1>
 
+<mdl-checkbox :checked='check'>Checkbox</mdl-checkbox>
+
 </template>
\ No newline at end of file
diff --git a/src/ui/Domo/src/main.js b/src/ui/Domo/src/main.js
index f5f522fc..9362aebc 100644
--- a/src/ui/Domo/src/main.js
+++ b/src/ui/Domo/src/main.js
@@ -1,6 +1,18 @@
+var vmdl = require('vue-mdl');
 var Vue = require('vue')
 var VueRouter = require('vue-router')
 
+// Globally register the checkbox
+vmdl.register(Vue, 'mdl-checkbox');
+// Shorthand
+vmdl.register(Vue, 'checkbox');
+// Globally register all components and directives
+vmdl.registerAll(Vue);
+
+// Access any component or directive
+var checkbox = vmdl.components['mdl-checkbox'];
+var badge = vmdl.directives['mdl-badge'];
+
 var App = require('./app.vue')
 var routerMap = require('./router')
 
