diff --git a/public/resources/index.css b/public/resources/index.css
index 133e29e..ec18acc 100644
--- a/public/resources/index.css
+++ b/public/resources/index.css
@@ -78,7 +78,6 @@ section{
 }
 .details {
   float:left;
-  width:180px;
   height: 128px;
   padding: 20px 30px 20px 188px;
 }
diff --git a/public/templates/index.tmpl b/public/templates/index.tmpl
index 231425b..051d85a 100644
--- a/public/templates/index.tmpl
+++ b/public/templates/index.tmpl
@@ -5,6 +5,15 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>TileServerGL</title>
   <link rel="stylesheet" type="text/css" href="/index.css{{&key_query}}" />
+  <script>
+    function toggle_xyz(id) {
+      var el = document.getElementById(id);
+      var s = el.style;
+      s.display = s.display == 'none' ? 'inline-block' : 'none';
+      el.setSelectionRange(0, el.value.length);
+      return false;
+    }
+  </script>
 </head>
 <body>
   <section>
@@ -25,9 +34,13 @@
           <p class="services">
             {{#if serving_rendered}}
               services: <a href="/styles/{{@key}}/rendered.json{{&../key_query}}">TileJSON</a>
-              {{#if wmts_link}}
-                | <a href="{{&wmts_link}}">WMTS</a>
-              {{/if}}
+            {{/if}}
+            {{#if wmts_link}}
+              | <a href="{{&wmts_link}}">WMTS</a>
+            {{/if}}
+            {{#if xyz_link}}
+              | <a href="#" onclick="return toggle_xyz('xyz_style_{{@key}}');">XYZ</a>
+                <input id="xyz_style_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
             {{/if}}
           </p>
         </div>
@@ -64,6 +77,10 @@
             {{#if wmts_link}}
               | <a href="{{&wmts_link}}">WMTS</a>
             {{/if}}
+            {{#if xyz_link}}
+              | <a href="#" onclick="return toggle_xyz('xyz_data_{{@key}}');">XYZ</a>
+                <input id="xyz_data_{{@key}}" type="text" value="{{&xyz_link}}" style="display:none;" />
+            {{/if}}
           </p>
         </div>
         <div class="viewers">
diff --git a/src/server.js b/src/server.js
index 1047db7..e702036 100644
--- a/src/server.js
+++ b/src/server.js
@@ -241,6 +241,11 @@ module.exports = function(opts, callback) {
         style.wmts_link = 'http://wmts.maptiler.com/' +
           base64url('http://' + req.headers.host +
             '/styles/' + id + '/rendered.json' + query) + '/wmts';
+
+        style.serving_rendered.tiles = utils.getTileUrls(
+            req, style.serving_rendered.tiles,
+            'styles/' + id, style.serving_rendered.format);
+        style.xyz_link = style.serving_rendered.tiles[0];
       }
     });
     var data = clone(serving.data || {});
@@ -265,6 +270,10 @@ module.exports = function(opts, callback) {
         data_.wmts_link = 'http://wmts.maptiler.com/' +
           base64url('http://' + req.headers.host +
             '/data/' + id + '.json' + query) + '/wmts';
+
+        data_.tiles = utils.getTileUrls(
+            req, data_.tiles, 'data/' + id, data_.format);
+        data_.xyz_link = data_.tiles[0];
       }
       if (data_.filesize) {
         var suffix = 'kB';
