diff --git a/web/index.html b/web/index.html
--- a/web/index.html
+++ b/web/index.html
@@ -20,6 +20,8 @@
 
     <link rel="preload" as="font" type="font/woff2" href="/static/media/InterVariable.c504db5c06caaf7cdfba.woff2" crossorigin>
 
+    <link rel="manifest" href="/manifest.json" />
+
     <style>
       /**
        * Minimum styles required to render splash.
diff --git a/web/manifest.json b/web/manifest.json
new file mode 100644
--- /dev/null
+++ b/web/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "Catsky",
+  "icons": [
+    {
+      "src": "/favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "/pwa-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/pwa-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "id": "social.catsky", 
+  "theme_color": "rgb(30, 30, 46)",
+  "background_color": "rgb(30, 30, 46)"
+}
diff --git a/web/pwa-192.png b/web/pwa-192.png
new file mode 100644
--- /dev/null
+++ b/web/pwa-192.png
diff --git a/web/pwa-512.png b/web/pwa-512.png
new file mode 100644
--- /dev/null
+++ b/web/pwa-512.png