diff --git a/app.js b/app.js
new file mode 100644
index 0000000..15b9027
--- /dev/null
+++ b/app.js
@@ -0,0 +1,21 @@
+self.addEventListener('install', event => {
+    event.waitUntil(
+      caches.open('app-cache').then(cache => {
+        return cache.addAll([
+          '/',
+          '/index.html',
+          '/assets/css/style.css',
+          '/assets/css/themes.css'
+        ]);
+      })
+    );
+  });
+  
+  self.addEventListener('fetch', event => {
+    event.respondWith(
+      caches.match(event.request).then(response => {
+        return response || fetch(event.request);
+      })
+    );
+  });
+  
\ No newline at end of file
diff --git a/images/icons/seraphim-192.png b/images/icons/seraphim-192.png
new file mode 100644
index 0000000..1b72e92
Binary files /dev/null and b/images/icons/seraphim-192.png differ
diff --git a/images/icons/seraphim-512.png b/images/icons/seraphim-512.png
new file mode 100644
index 0000000..fc30e4d
Binary files /dev/null and b/images/icons/seraphim-512.png differ
diff --git a/images/icons/seraphim.png b/images/icons/seraphim.png
new file mode 100644
index 0000000..2ec0806
Binary files /dev/null and b/images/icons/seraphim.png differ
diff --git a/index.html b/index.html
index 9d9b2b2..45a64a1 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,13 @@
         <meta property="og:title" content="seraph">
         <meta property="og:type" content="website">
         <meta property="og:description" content="seraph; an open source unblocked apps website hosting 250+ apps with downloadable support, a clean and centralised user interface and no iframe embedding">
+
+        <link rel="manifest" href="/manifest.json">
+
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+        <link rel="apple-touch-icon" href="images/icons/seraphim-192.png">
+
   </head>
   <body>
     
@@ -207,5 +214,18 @@ <h3>cloak</h3>
 
       <script src="assets/js/seraphim.js"></script>
       <script src="assets/js/cloak.js"></script>
+
+      <script>
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/service-worker.js')
+                .then(registration => {
+                    console.log('registered worker');
+                })
+                .catch(error => {
+                    console.log('failed to register', error);
+            });
+        }
+
+      </script>
   </body>
 </html>
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..7768c54
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,21 @@
+{
+    "name": "seraphim",
+    "short_name": "seraphim",
+    "start_url": "/",
+    "display": "standalone",
+    "background_color": "#000000",
+    "theme_color": "#000000",
+    "icons": [
+      {
+        "src": "images/icons/seraphim-192.png",
+        "sizes": "192x192",
+        "type": "image/png"
+      },
+      {
+        "src": "images/icons/seraphim-512.png",
+        "sizes": "512x512",
+        "type": "image/png"
+      }
+    ]
+  }
+  
\ No newline at end of file
