diff --git a/index.html b/index.html
index e72d9b5e157..0c060a9d833 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,35 @@
-<!DOCTYPE html>
-<html lang="en">
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/3.19.5/swagger-ui.css" >
+    <style>
+      .topbar {
+        display: none;
+      }
+    </style>
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <title>Alerting API</title>
-</head>
-
-<body>
-Hello world
-
-</body>
+  <body>
+    <div id="swagger-ui"></div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/3.19.5/swagger-ui-bundle.js"> </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/3.19.5/swagger-ui-standalone-preset.js"> </script>
+    <script>
+      window.onload = function() {
+        const ui = SwaggerUIBundle({
+          url: "https://grafana.github.io/alerting-api/spec.json",
+          dom_id: '#swagger-ui',
+          deepLinking: true,
+          presets: [
+            SwaggerUIBundle.presets.apis,
+            SwaggerUIStandalonePreset
+          ],
+          plugins: [
+            SwaggerUIBundle.plugins.DownloadUrl
+          ],
+          layout: "StandaloneLayout"
+        })
+        window.ui = ui
+      }
+  </script>
+  </body>
 </html>
\ No newline at end of file