diff --git a/crates/client/assets/favicon.ico b/crates/client/assets/favicon.ico
new file mode 100644
index 0000000..61ad031
Binary files /dev/null and b/crates/client/assets/favicon.ico differ
diff --git a/crates/client/assets/icon-1024.png b/crates/client/assets/icon-1024.png
new file mode 100644
index 0000000..1b5868a
Binary files /dev/null and b/crates/client/assets/icon-1024.png differ
diff --git a/crates/client/assets/icon-256.png b/crates/client/assets/icon-256.png
new file mode 100644
index 0000000..ae72287
Binary files /dev/null and b/crates/client/assets/icon-256.png differ
diff --git a/crates/client/assets/icon_ios_touch_192.png b/crates/client/assets/icon_ios_touch_192.png
new file mode 100644
index 0000000..8472802
Binary files /dev/null and b/crates/client/assets/icon_ios_touch_192.png differ
diff --git a/crates/client/assets/manifest.json b/crates/client/assets/manifest.json
new file mode 100644
index 0000000..dbb1bbc
--- /dev/null
+++ b/crates/client/assets/manifest.json
@@ -0,0 +1,28 @@
+{
+  "name": "wxbox",
+  "short_name": "wxbox",
+  "icons": [
+    {
+      "src": "./assets/icon-256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/maskable_icon_x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "./assets/icon-1024.png",
+      "sizes": "1024x1024",
+      "type": "image/png"
+    }
+  ],
+  "lang": "en-US",
+  "id": "/index.html",
+  "start_url": "./index.html",
+  "display": "standalone",
+  "background_color": "white",
+  "theme_color": "white"
+}
diff --git a/crates/client/assets/maskable_icon_x512.png b/crates/client/assets/maskable_icon_x512.png
new file mode 100644
index 0000000..db8df3e
Binary files /dev/null and b/crates/client/assets/maskable_icon_x512.png differ
diff --git a/crates/client/assets/sw.js b/crates/client/assets/sw.js
new file mode 100644
index 0000000..48f3fc9
--- /dev/null
+++ b/crates/client/assets/sw.js
@@ -0,0 +1,25 @@
+var cacheName = 'egui-template-pwa';
+var filesToCache = [
+    './',
+    './index.html',
+    './eframe_template.js',
+    './eframe_template_bg.wasm',
+];
+
+/* Start the service worker and cache all of the app's content */
+self.addEventListener('install', function (e) {
+    e.waitUntil(
+        caches.open(cacheName).then(function (cache) {
+            return cache.addAll(filesToCache);
+        })
+    );
+});
+
+/* Serve cached content when offline */
+self.addEventListener('fetch', function (e) {
+    e.respondWith(
+        caches.match(e.request).then(function (response) {
+            return response || fetch(e.request);
+        })
+    );
+});
\ No newline at end of file
diff --git a/crates/client/index.html b/crates/client/index.html
index 3a42c3c..4aa8b4d 100644
--- a/crates/client/index.html
+++ b/crates/client/index.html
@@ -8,6 +8,28 @@
 <head>
     <!-- change this to your project name -->
     <title>wxbox</title>
+
+    <!-- config for our rust wasm binary. go to https://trunkrs.dev/assets/#rust for more customization -->
+    <link data-trunk rel="rust" data-wasm-opt="2" />
+    <!-- this is the base url relative to which other urls will be constructed. trunk will insert this from the public-url option -->
+    <base data-trunk-public-url />
+
+    <link data-trunk rel="icon" href="assets/favicon.ico">
+
+
+    <link data-trunk rel="copy-file" href="assets/sw.js"/>
+    <link data-trunk rel="copy-file" href="assets/manifest.json"/>
+    <link data-trunk rel="copy-file" href="assets/icon-1024.png" data-target-path="assets"/>
+    <link data-trunk rel="copy-file" href="assets/icon-256.png" data-target-path="assets"/>
+    <link data-trunk rel="copy-file" href="assets/icon_ios_touch_192.png" data-target-path="assets"/>
+    <link data-trunk rel="copy-file" href="assets/maskable_icon_x512.png" data-target-path="assets"/>
+
+
+    <link rel="manifest" href="manifest.json">
+    <link rel="apple-touch-icon" href="assets/icon_ios_touch_192.png">
+    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
+    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#404040">
+
     <style>
         html {
             /* Remove touch delay: */
@@ -17,14 +39,14 @@
         body {
             /* Light mode background color for what is not covered by the egui canvas,
             or where the egui canvas is translucent. */
-            background: #909090;
+            background: #fcfcfd;
         }
 
         @media (prefers-color-scheme: dark) {
             body {
                 /* Dark mode background color for what is not covered by the egui canvas,
                 or where the egui canvas is translucent. */
-                background: #404040;
+                background: #111113;
             }
         }
 
@@ -33,7 +55,6 @@
         body {
             overflow: hidden;
             margin: 0 !important;
-            padding: 0 !important;
             height: 100%;
             width: 100%;
         }
@@ -47,7 +68,13 @@
             top: 0;
             left: 0;
             width: 100%;
-            height: 100%;
+            @supports (-webkit-touch-callout: none) {
+                height: calc(100% - 26px);
+            }
+            @supports not (-webkit-touch-callout: none) {
+                height: 100%;
+            }
+
         }
 
         .centered {
@@ -109,6 +136,18 @@
     <div class="lds-dual-ring"></div>
 </div>
 
+<!--Register Service Worker. this will cache the wasm / js scripts for offline use (for PWA functionality). -->
+<!-- Force refresh (Ctrl + F5) to load the latest files instead of cached files  -->
+<script>
+    // We disable caching during development so that we always view the latest version.
+    if ('serviceWorker' in navigator && window.location.hash !== "#dev") {
+        window.addEventListener('load', function () {
+            navigator.serviceWorker.register('sw.js');
+        });
+    }
+</script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
+
+<!-- Powered by egui: https://github.com/emilk/egui/ -->
\ No newline at end of file
