diff --git a/index.html b/index.html
index 5c3e9d22..4e9f3137 100644
--- a/index.html
+++ b/index.html
@@ -35,112 +35,11 @@
     <title>Prose</title>
 
     <style>
-      #loader {
-        position: fixed;
-        inset: 0;
-      }
-
-      #loader.loader--light {
-        background-color: #fff;
-      }
-
-      #loader.loader--dark {
-        background-color: #000;
-      }
-
-      #loader video {
-        position: absolute;
-        inset: 50%;
-        transform: translate(-50%, -50%);
-      }
+      <%- styleLoader %>
     </style>
 
     <script>
-      let theme;
-
-      try {
-        let themePreference = "system";
-
-        // Acquire theme from user preference?
-        if (window.localStorage !== undefined) {
-          themePreference =
-            window.localStorage.getItem("prose:boot:theme") || themePreference;
-        }
-
-        // Acquire final theme value
-        if (themePreference === "system") {
-          theme =
-            window.matchMedia &&
-            window.matchMedia("(prefers-color-scheme: dark)").matches === true
-              ? "dark"
-              : "light";
-        } else if (themePreference === "dark") {
-          theme = "dark";
-        } else {
-          theme = "light";
-        }
-      } catch (_) {
-        // Fallback to light if error
-        theme = "light";
-      }
-
-      // Loaded handler
-      const loadedHandler = loaderElement => {
-        // Apply detected theme to loader
-        loaderElement.classList.add(`loader--${theme}`);
-
-        // Create loader video
-        const videoElement = document.createElement("video");
-
-        videoElement.height = 80;
-        videoElement.width = 200;
-        videoElement.autoplay = true;
-        videoElement.loop = true;
-        videoElement.muted = true;
-
-        // Append video sources
-        const videoSources = [
-          ["av1", "webm"],
-          ["vp9", "webm"],
-          ["hvc1", "mp4"]
-        ];
-
-        videoSources.forEach(videoSource => {
-          const sourceElement = document.createElement("source");
-
-          sourceElement.src = [
-            `/videos/loader/${theme}`,
-            `logo-${videoSource[0]}.${videoSource[1]}`
-          ].join("/");
-
-          sourceElement.type = [
-            `video/${videoSource[1]}`,
-            `codecs=${videoSource[0]}`
-          ].join("; ");
-
-          videoElement.appendChild(sourceElement);
-        });
-
-        // Append loader video
-        loaderElement.appendChild(videoElement);
-      };
-
-      // Polls for loader readiness (every 10ms)
-      // Notice: DOMContentLoaded comes way too late, therefore we need to \
-      //   poll so that the loader animation and theme get applied ASAP.
-      const pollerInterval = setInterval(() => {
-        const loaderElement = document.getElementById("loader") || null;
-
-        if (loaderElement !== null) {
-          clearInterval(pollerInterval);
-          loadedHandler(loaderElement);
-        }
-      }, 10);
-
-      // Bind safety kill switch whenever DOM is loaded
-      document.addEventListener("DOMContentLoaded", () => {
-        clearInterval(pollerInterval);
-      });
+      <%- scriptLoader %>
     </script>
 
     <script type="module" src="/src/main.ts" defer async></script>
diff --git a/package-lock.json b/package-lock.json
index 2946bba7..76492ad1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,6 +51,7 @@
         "sass": "1.57.x",
         "typescript": "4.9.x",
         "vite": "4.2.x",
+        "vite-plugin-html": "3.2.x",
         "vite-plugin-pug-transformer": "1.0.x",
         "vite-plugin-static-copy": "0.13.x",
         "vite-plugin-svg-icons": "2.0.x",
@@ -181,10 +182,62 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
+      "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "license": "MIT"
     },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.19",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz",
+      "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "dev": true,
@@ -246,6 +299,19 @@
       "resolved": "https://registry.npmjs.org/@prose-im/prose-sdk-js/-/prose-sdk-js-0.1.20.tgz",
       "integrity": "sha512-I3fq85+8xJlDW+64W2f2KpNSBJfoY0ny0ghczqr+gERELtEiAonsF6xYKBgJGtacZKYMO3ZRnGytef45ZZMxOg=="
     },
+    "node_modules/@rollup/pluginutils": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz",
+      "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==",
+      "dev": true,
+      "dependencies": {
+        "estree-walker": "^2.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "dev": true,
@@ -833,6 +899,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/async": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
+      "dev": true
+    },
     "node_modules/atob": {
       "version": "2.1.2",
       "dev": true,
@@ -927,6 +999,12 @@
       "version": "2.4.1",
       "license": "MIT"
     },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "dev": true
+    },
     "node_modules/cache-base": {
       "version": "1.0.1",
       "dev": true,
@@ -966,6 +1044,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dev": true,
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/camel-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "dev": true,
@@ -1040,6 +1134,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/clean-css": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.2.tgz",
+      "integrity": "sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==",
+      "dev": true,
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
     "node_modules/clone": {
       "version": "2.1.2",
       "dev": true,
@@ -1076,6 +1182,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true
+    },
     "node_modules/commander": {
       "version": "7.2.0",
       "dev": true,
@@ -1094,6 +1206,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/consola": {
+      "version": "2.15.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-2.15.3.tgz",
+      "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
+      "dev": true
+    },
     "node_modules/constantinople": {
       "version": "4.0.1",
       "dev": true,
@@ -1432,6 +1559,58 @@
         "domelementtype": "1"
       }
     },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dot-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
+    "node_modules/dotenv": {
+      "version": "16.3.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
+      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/motdotla/dotenv?sponsor=1"
+      }
+    },
+    "node_modules/dotenv-expand": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-8.0.3.tgz",
+      "integrity": "sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ejs": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
+      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "dev": true,
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/emojis-list": {
       "version": "3.0.0",
       "dev": true,
@@ -1882,6 +2061,36 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dev": true,
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "dev": true,
@@ -2277,6 +2486,36 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
+      "dev": true,
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.2.2",
+        "commander": "^8.3.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.10.0"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/htmlparser2": {
       "version": "3.10.1",
       "dev": true,
@@ -2572,6 +2811,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/jake": {
+      "version": "10.8.7",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
+      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
+      "dev": true,
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/js-base64": {
       "version": "2.6.4",
       "dev": true,
@@ -2726,6 +2983,21 @@
       "version": "4.3.1",
       "license": "MIT"
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lower-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "dev": true,
@@ -2983,6 +3255,32 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/no-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
+    "node_modules/node-html-parser": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-5.4.2.tgz",
+      "integrity": "sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==",
+      "dev": true,
+      "dependencies": {
+        "css-select": "^4.2.1",
+        "he": "1.2.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "dev": true,
@@ -3119,6 +3417,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/param-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "dev": true,
@@ -3138,6 +3452,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/pascal-case/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/pascalcase": {
       "version": "0.1.1",
       "dev": true,
@@ -3626,6 +3956,15 @@
         "url": "https://github.com/sponsors/mysticatea"
       }
     },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/repeat-element": {
       "version": "1.1.4",
       "dev": true,
@@ -3965,6 +4304,16 @@
         "urix": "^0.1.0"
       }
     },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dev": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
     "node_modules/source-map-url": {
       "version": "0.4.1",
       "dev": true,
@@ -4334,6 +4683,30 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/terser": {
+      "version": "5.21.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.21.0.tgz",
+      "integrity": "sha512-WtnFKrxu9kaoXuiZFSGrcAvvBqAdmKx0SFNmVNYdJamMu9yyN3I/QF0FbH4QcqJQ+y1CJnzxGIKH0cSj+FGYRw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "dev": true,
@@ -4697,6 +5070,43 @@
         }
       }
     },
+    "node_modules/vite-plugin-html": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-html/-/vite-plugin-html-3.2.0.tgz",
+      "integrity": "sha512-2VLCeDiHmV/BqqNn5h2V+4280KRgQzCFN47cst3WiNK848klESPQnzuC3okH5XHtgwHH/6s1Ho/YV6yIO0pgoQ==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^4.2.0",
+        "colorette": "^2.0.16",
+        "connect-history-api-fallback": "^1.6.0",
+        "consola": "^2.15.3",
+        "dotenv": "^16.0.0",
+        "dotenv-expand": "^8.0.2",
+        "ejs": "^3.1.6",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^10.0.1",
+        "html-minifier-terser": "^6.1.0",
+        "node-html-parser": "^5.3.3",
+        "pathe": "^0.2.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/vite-plugin-html/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/vite-plugin-pug-transformer": {
       "version": "1.0.3",
       "dev": true,
diff --git a/package.json b/package.json
index 1b752010..3a129d22 100644
--- a/package.json
+++ b/package.json
@@ -71,6 +71,7 @@
     "sass": "1.57.x",
     "vite": "4.2.x",
     "vite-plugin-wasm": "3.2.x",
+    "vite-plugin-html": "3.2.x",
     "vite-plugin-pug-transformer": "1.0.x",
     "vite-plugin-static-copy": "0.13.x",
     "vite-plugin-svg-icons": "2.0.x",
diff --git a/res/builders/inline.ts b/res/builders/inline.ts
new file mode 100644
index 00000000..e8f5191d
--- /dev/null
+++ b/res/builders/inline.ts
@@ -0,0 +1,157 @@
+/*
+ * This file is part of prose-app-web
+ *
+ * Copyright 2023, Prose Foundation
+ */
+
+/**************************************************************************
+ * TYPES
+ * ************************************************************************* */
+
+type InlineDataItems = {
+  [name: string]: InlineData;
+};
+
+type InlineData = string;
+
+/**************************************************************************
+ * INLINE
+ * ************************************************************************* */
+
+class BuilderInline {
+  scripts(): InlineDataItems {
+    return {
+      loader: this.__scriptLoader()
+    };
+  }
+
+  styles(): InlineDataItems {
+    return {
+      loader: this.__styleLoader()
+    };
+  }
+
+  private __scriptLoader(): InlineData {
+    return this.__wrapScriptClosure(`
+      let theme;
+
+      try {
+        let themePreference = "system";
+
+        // Acquire theme from user preference?
+        if (window.localStorage !== undefined) {
+          themePreference =
+            window.localStorage.getItem("prose:boot:theme") || themePreference;
+        }
+
+        // Acquire final theme value
+        if (themePreference === "system") {
+          theme =
+            window.matchMedia &&
+            window.matchMedia("(prefers-color-scheme: dark)").matches === true
+              ? "dark"
+              : "light";
+        } else if (themePreference === "dark") {
+          theme = "dark";
+        } else {
+          theme = "light";
+        }
+      } catch (_) {
+        // Fallback to light if error
+        theme = "light";
+      }
+
+      // Loaded handler
+      const loadedHandler = loaderElement => {
+        // Apply detected theme to loader
+        loaderElement.classList.add(\`loader--\${theme}\`);
+
+        // Create loader video
+        const videoElement = document.createElement("video");
+
+        videoElement.height = 80;
+        videoElement.width = 200;
+        videoElement.autoplay = true;
+        videoElement.loop = true;
+        videoElement.muted = true;
+
+        // Append video sources
+        const videoSources = [
+          ["av1", "webm"],
+          ["vp9", "webm"],
+          ["hvc1", "mp4"]
+        ];
+
+        videoSources.forEach(videoSource => {
+          const sourceElement = document.createElement("source");
+
+          sourceElement.src = [
+            \`/videos/loader/\${theme}\`,
+            \`logo-\${videoSource[0]}.\${videoSource[1]}\`
+          ].join("/");
+
+          sourceElement.type = [
+            \`video/\${videoSource[1]}\`,
+            \`codecs=\${videoSource[0]}\`
+          ].join("; ");
+
+          videoElement.appendChild(sourceElement);
+        });
+
+        // Append loader video
+        loaderElement.appendChild(videoElement);
+      };
+
+      // Polls for loader readiness (every 10ms)
+      // Notice: DOMContentLoaded comes way too late, therefore we need to \
+      //   poll so that the loader animation and theme get applied ASAP.
+      const pollerInterval = setInterval(() => {
+        const loaderElement = document.getElementById("loader") || null;
+
+        if (loaderElement !== null) {
+          clearInterval(pollerInterval);
+          loadedHandler(loaderElement);
+        }
+      }, 10);
+
+      // Bind safety kill switch whenever DOM is loaded
+      document.addEventListener("DOMContentLoaded", () => {
+        clearInterval(pollerInterval);
+      });
+    `);
+  }
+
+  private __styleLoader(): InlineData {
+    return `
+      #loader {
+        position: fixed;
+        inset: 0;
+      }
+
+      #loader.loader--light {
+        background-color: #fff;
+      }
+
+      #loader.loader--dark {
+        background-color: #000;
+      }
+
+      #loader video {
+        position: absolute;
+        inset: 50%;
+        transform: translate(-50%, -50%);
+      }
+    `;
+  }
+
+  private __wrapScriptClosure(script: InlineData): InlineData {
+    // Convert script to closure to avoid context leakages
+    return `(function() {\n${script}\n})();`;
+  }
+}
+
+/**************************************************************************
+ * EXPORTS
+ * ************************************************************************* */
+
+export default new BuilderInline();
diff --git a/vite.config.ts b/vite.config.ts
index d012de92..96d3e8ea 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,11 +12,14 @@ import path from "path";
 import merge from "lodash.merge";
 import vue from "@vitejs/plugin-vue";
 import viteWasmPlugin from "vite-plugin-wasm";
+import { createHtmlPlugin as viteHtmlPlugin } from "vite-plugin-html";
 import vitePugPlugin from "vite-plugin-pug-transformer";
 import { viteStaticCopy as viteStaticCopyPlugin } from "vite-plugin-static-copy";
 import { createSvgIconsPlugin as viteSvgIconsPlugin } from "vite-plugin-svg-icons";
 import { getInstalledPathSync } from "get-installed-path";
 
+import BuilderInline from "./res/builders/inline";
+
 import commonConfig from "./config/common";
 import developmentConfig from "./config/development";
 import productionConfig from "./config/production";
@@ -47,6 +50,11 @@ const PROSE_SDK_JS_OVERRIDE_PATH = process.env.PROSE_CORE_CLIENT_PATH
 
 const ASSETS_ICONS_PATH = path.join(__dirname, "src/assets/images/icons/");
 
+const INLINE_DATA_ITEMS = {
+  scripts: BuilderInline.scripts(),
+  styles: BuilderInline.styles()
+};
+
 /**************************************************************************
  * EXPORTS
  * ************************************************************************* */
@@ -109,6 +117,15 @@ export default {
     vitePugPlugin({}),
     viteWasmPlugin(),
 
+    viteHtmlPlugin({
+      inject: {
+        data: {
+          scriptLoader: INLINE_DATA_ITEMS.scripts.loader,
+          styleLoader: INLINE_DATA_ITEMS.styles.loader
+        }
+      }
+    }),
+
     viteStaticCopyPlugin({
       targets: [
         {