diff --git a/index.html b/index.html
index b993219..a6674f9 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,18 @@
 <!doctype html>
 <html lang="en-US">
   <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/images/kaboom.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web game created using kaboom-template" />
+
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="/manifest.json" />
+
     <!--
       GitHub Corners. See https://github.com/remarkablemark/github-corners
     -->
@@ -23,7 +35,7 @@
     </style>
     <% } %>
 
-    <title>kaboom-template | remarkablegames</title>
+    <title>Kaboom Template | remarkablegames</title>
   </head>
   <body>
     <script type="module" src="src/index.ts"></script>
diff --git a/public/images/kaboom.png b/public/images/kaboom.png
new file mode 100644
index 0000000..ef31299
Binary files /dev/null and b/public/images/kaboom.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..9637a07
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "Kaboom Template",
+  "name": "Kaboom Template",
+  "icons": [
+    {
+      "src": "images/kaboom.png",
+      "type": "image/png",
+      "sizes": "72x72"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
