diff --git a/apps/web/index.html b/apps/web/index.html
index 8f49fd32c829413d1b26968ad0625583e28948a0..8aef3a4286f2aef3373cb00517a2428949886afb 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -9,6 +9,7 @@
     <meta name="theme-color" content="#0a0a0a" />
     <link rel="icon" href="/favicon.ico" sizes="48x48" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/manifest.webmanifest" />
     <script>
       (() => {
         const LIGHT_BACKGROUND = "#ffffff";
diff --git a/apps/web/public/manifest.webmanifest b/apps/web/public/manifest.webmanifest
new file mode 100644
index 0000000000000000000000000000000000000000..0389551332ffcefc1500428b1e77e58186324ede
--- /dev/null
+++ b/apps/web/public/manifest.webmanifest
@@ -0,0 +1,20 @@
+{
+  "id": "/",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#161616",
+  "theme_color": "#161616",
+  "icons": [
+    {
+      "src": "/favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    }
+  ]
+}