diff --git a/Cargo.lock b/Cargo.lock
index 0f35b253..64fdf241 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -270,6 +270,28 @@ dependencies = [
  "windows-sys 0.59.0",
 ]
 
+[[package]]
+name = "async-stream"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0b5a71a6f37880a80d1d7f19efd781e4b5de42c88f0722cc13bcb6cc2cfe8476"
+dependencies = [
+ "async-stream-impl",
+ "futures-core",
+ "pin-project-lite",
+]
+
+[[package]]
+name = "async-stream-impl"
+version = "0.3.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c7c24de15d275a1ecfd47a380fb4d5ec9bfe0933f309ed5e705b775596a3574d"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.79",
+]
+
 [[package]]
 name = "async-task"
 version = "4.7.1"
@@ -310,6 +332,21 @@ dependencies = [
  "system-deps",
 ]
 
+[[package]]
+name = "atomic"
+version = "0.5.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c59bdb34bc650a32731b31bd8f0829cc15d24a708ee31559e0bb34f2bc320cba"
+
+[[package]]
+name = "atomic"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d818003e740b63afc82337e3160717f4f63078720a810b7b903e70a5d1d2994"
+dependencies = [
+ "bytemuck",
+]
+
 [[package]]
 name = "atomic-waker"
 version = "1.1.2"
@@ -349,6 +386,12 @@ version = "0.22.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
 
+[[package]]
+name = "binascii"
+version = "0.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "383d29d513d8764dcdc42ea295d979eb99c3c9f00607b3692cf68a431f7dca72"
+
 [[package]]
 name = "bitflags"
 version = "1.3.2"
@@ -1083,6 +1126,39 @@ dependencies = [
  "syn 2.0.79",
 ]
 
+[[package]]
+name = "devise"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f1d90b0c4c777a2cad215e3c7be59ac7c15adf45cf76317009b7d096d46f651d"
+dependencies = [
+ "devise_codegen",
+ "devise_core",
+]
+
+[[package]]
+name = "devise_codegen"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "71b28680d8be17a570a2334922518be6adc3f58ecc880cbb404eaeb8624fd867"
+dependencies = [
+ "devise_core",
+ "quote",
+]
+
+[[package]]
+name = "devise_core"
+version = "0.4.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b035a542cf7abf01f2e3c4d5a7acbaebfefe120ae4efc7bde3df98186e4b8af7"
+dependencies = [
+ "bitflags 2.6.0",
+ "proc-macro2",
+ "proc-macro2-diagnostics",
+ "quote",
+ "syn 2.0.79",
+]
+
 [[package]]
 name = "digest"
 version = "0.10.7"
@@ -1349,6 +1425,20 @@ dependencies = [
  "rustc_version",
 ]
 
+[[package]]
+name = "figment"
+version = "0.10.19"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8cb01cd46b0cf372153850f4c6c272d9cbea2da513e07538405148f95bd789f3"
+dependencies = [
+ "atomic 0.6.0",
+ "pear",
+ "serde",
+ "toml 0.8.2",
+ "uncased",
+ "version_check",
+]
+
 [[package]]
 name = "file-id"
 version = "0.1.0"
@@ -1465,6 +1555,20 @@ dependencies = [
  "new_debug_unreachable",
 ]
 
+[[package]]
+name = "futures"
+version = "0.3.31"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "65bc07b1a8bc7c85c5f2e110c476c7389b4554ba72af57d8445ea63a576b0876"
+dependencies = [
+ "futures-channel",
+ "futures-core",
+ "futures-io",
+ "futures-sink",
+ "futures-task",
+ "futures-util",
+]
+
 [[package]]
 name = "futures-channel"
 version = "0.3.31"
@@ -1472,6 +1576,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "2dff15bf788c671c1934e366d07e30c1814a8ef514e1af724a602e8a2fbe1b10"
 dependencies = [
  "futures-core",
+ "futures-sink",
 ]
 
 [[package]]
@@ -1539,6 +1644,7 @@ version = "0.3.31"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9fa08315bb612088cc391249efdc3bc77536f16c91f6cf495e6fbe85b20a4a81"
 dependencies = [
+ "futures-channel",
  "futures-core",
  "futures-io",
  "futures-macro",
@@ -1658,6 +1764,19 @@ dependencies = [
  "x11",
 ]
 
+[[package]]
+name = "generator"
+version = "0.7.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5cc16584ff22b460a382b7feec54b23d2908d858152e5739a120b949293bd74e"
+dependencies = [
+ "cc",
+ "libc",
+ "log",
+ "rustversion",
+ "windows 0.48.0",
+]
+
 [[package]]
 name = "generic-array"
 version = "0.14.7"
@@ -2258,6 +2377,12 @@ dependencies = [
  "cfb",
 ]
 
+[[package]]
+name = "inlinable_string"
+version = "0.1.15"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c8fae54786f62fb2918dcfae3d568594e50eb9b5c25bf04371af6fe7516452fb"
+
 [[package]]
 name = "inotify"
 version = "0.9.6"
@@ -2302,6 +2427,17 @@ dependencies = [
  "once_cell",
 ]
 
+[[package]]
+name = "is-terminal"
+version = "0.4.13"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "261f68e344040fbd0edea105bef17c66edf46f984ddb1115b775ce31be948f4b"
+dependencies = [
+ "hermit-abi 0.4.0",
+ "libc",
+ "windows-sys 0.52.0",
+]
+
 [[package]]
 name = "is-wsl"
 version = "0.4.0"
@@ -2666,6 +2802,21 @@ version = "0.4.22"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "a7a70ba024b9dc04c27ea2f0c0548feb474ec5c54bba33a7f72f873a39d07b24"
 
+[[package]]
+name = "loom"
+version = "0.5.6"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ff50ecb28bb86013e935fb6683ab1f6d3a20016f123c76fd4c27470076ac30f5"
+dependencies = [
+ "cfg-if 1.0.0",
+ "generator",
+ "scoped-tls",
+ "serde",
+ "serde_json",
+ "tracing",
+ "tracing-subscriber",
+]
+
 [[package]]
 name = "mac"
 version = "0.1.1"
@@ -2818,6 +2969,25 @@ dependencies = [
  "windows-sys 0.59.0",
 ]
 
+[[package]]
+name = "multer"
+version = "3.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "83e87776546dc87511aa5ee218730c92b666d7264ab6ed41f9d215af9cd5224b"
+dependencies = [
+ "bytes",
+ "encoding_rs",
+ "futures-util",
+ "http 1.1.0",
+ "httparse",
+ "memchr",
+ "mime",
+ "spin",
+ "tokio",
+ "tokio-util",
+ "version_check",
+]
+
 [[package]]
 name = "nanoid"
 version = "0.4.0"
@@ -3064,6 +3234,16 @@ dependencies = [
  "autocfg",
 ]
 
+[[package]]
+name = "num_cpus"
+version = "1.16.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4161fcb6d602d4d2081af7c3a45852d875a03dd337a6bfdd6e06407b61342a43"
+dependencies = [
+ "hermit-abi 0.3.9",
+ "libc",
+]
+
 [[package]]
 name = "num_enum"
 version = "0.7.3"
@@ -3507,6 +3687,29 @@ version = "0.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d61c5ce1153ab5b689d0c074c4e7fc613e942dfb7dd9eea5ab202d2ad91fe361"
 
+[[package]]
+name = "pear"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bdeeaa00ce488657faba8ebf44ab9361f9365a97bd39ffb8a60663f57ff4b467"
+dependencies = [
+ "inlinable_string",
+ "pear_codegen",
+ "yansi",
+]
+
+[[package]]
+name = "pear_codegen"
+version = "0.2.9"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4bab5b985dc082b345f812b7df84e1bef27e7207b39e448439ba8bd69c93f147"
+dependencies = [
+ "proc-macro2",
+ "proc-macro2-diagnostics",
+ "quote",
+ "syn 2.0.79",
+]
+
 [[package]]
 name = "percent-encoding"
 version = "2.3.1"
@@ -3819,6 +4022,19 @@ dependencies = [
  "unicode-ident",
 ]
 
+[[package]]
+name = "proc-macro2-diagnostics"
+version = "0.10.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "af066a9c399a26e020ada66a034357a868728e72cd426f3adcd35f80d88d88c8"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.79",
+ "version_check",
+ "yansi",
+]
+
 [[package]]
 name = "psl-types"
 version = "2.0.11"
@@ -4037,6 +4253,26 @@ dependencies = [
  "thiserror",
 ]
 
+[[package]]
+name = "ref-cast"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ccf0a6f84d5f1d581da8b41b47ec8600871962f2a528115b542b362d4b744931"
+dependencies = [
+ "ref-cast-impl",
+]
+
+[[package]]
+name = "ref-cast-impl"
+version = "1.0.23"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "bcc303e793d3734489387d205e9b186fac9c6cfacedd98cbb2e8a5943595f3e6"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn 2.0.79",
+]
+
 [[package]]
 name = "regex"
 version = "1.11.0"
@@ -4208,6 +4444,88 @@ dependencies = [
  "windows-sys 0.52.0",
 ]
 
+[[package]]
+name = "rocket"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a516907296a31df7dc04310e7043b61d71954d703b603cc6867a026d7e72d73f"
+dependencies = [
+ "async-stream",
+ "async-trait",
+ "atomic 0.5.3",
+ "binascii",
+ "bytes",
+ "either",
+ "figment",
+ "futures",
+ "indexmap 2.6.0",
+ "log",
+ "memchr",
+ "multer",
+ "num_cpus",
+ "parking_lot",
+ "pin-project-lite",
+ "rand 0.8.5",
+ "ref-cast",
+ "rocket_codegen",
+ "rocket_http",
+ "serde",
+ "serde_json",
+ "state",
+ "tempfile",
+ "time",
+ "tokio",
+ "tokio-stream",
+ "tokio-util",
+ "ubyte",
+ "version_check",
+ "yansi",
+]
+
+[[package]]
+name = "rocket_codegen"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "575d32d7ec1a9770108c879fc7c47815a80073f96ca07ff9525a94fcede1dd46"
+dependencies = [
+ "devise",
+ "glob",
+ "indexmap 2.6.0",
+ "proc-macro2",
+ "quote",
+ "rocket_http",
+ "syn 2.0.79",
+ "unicode-xid",
+ "version_check",
+]
+
+[[package]]
+name = "rocket_http"
+version = "0.5.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e274915a20ee3065f611c044bd63c40757396b6dbc057d6046aec27f14f882b9"
+dependencies = [
+ "cookie",
+ "either",
+ "futures",
+ "http 0.2.12",
+ "hyper 0.14.31",
+ "indexmap 2.6.0",
+ "log",
+ "memchr",
+ "pear",
+ "percent-encoding",
+ "pin-project-lite",
+ "ref-cast",
+ "serde",
+ "smallvec",
+ "stable-pattern",
+ "state",
+ "time",
+ "tokio",
+ "uncased",
+]
+
 [[package]]
 name = "rustc-demangle"
 version = "0.1.24"
@@ -4744,6 +5062,15 @@ version = "0.9.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6980e8d7511241f8acf4aebddbb1ff938df5eebe98691418c4468d0b72a96a67"
 
+[[package]]
+name = "stable-pattern"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4564168c00635f88eaed410d5efa8131afa8d8699a612c80c455a0ba05c21045"
+dependencies = [
+ "memchr",
+]
+
 [[package]]
 name = "stable_deref_trait"
 version = "1.2.0"
@@ -4767,6 +5094,15 @@ dependencies = [
  "winapi",
 ]
 
+[[package]]
+name = "state"
+version = "0.6.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "2b8c4a4445d81357df8b1a650d0d0d6fbbbfe99d064aa5e02f3e4022061476d8"
+dependencies = [
+ "loom",
+]
+
 [[package]]
 name = "static_assertions"
 version = "1.1.0"
@@ -5485,6 +5821,17 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "tokio-stream"
+version = "0.1.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4f4e6ce100d0eb49a2734f8c0812bcd324cf357d21810932c5df6b96ef2b86f1"
+dependencies = [
+ "futures-core",
+ "pin-project-lite",
+ "tokio",
+]
+
 [[package]]
 name = "tokio-util"
 version = "0.7.12"
@@ -5714,6 +6061,15 @@ dependencies = [
  "tz-rs",
 ]
 
+[[package]]
+name = "ubyte"
+version = "0.10.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f720def6ce1ee2fc44d40ac9ed6d3a59c361c80a75a7aa8e75bb9baed31cf2ea"
+dependencies = [
+ "serde",
+]
+
 [[package]]
 name = "uds_windows"
 version = "1.1.0"
@@ -5725,6 +6081,16 @@ dependencies = [
  "winapi",
 ]
 
+[[package]]
+name = "uncased"
+version = "0.9.10"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e1b88fcfe09e89d3866a5c11019378088af2d24c3fbd4f0543f96b479ec90697"
+dependencies = [
+ "serde",
+ "version_check",
+]
+
 [[package]]
 name = "unic-char-property"
 version = "0.9.0"
@@ -6254,6 +6620,15 @@ dependencies = [
  "windows-version",
 ]
 
+[[package]]
+name = "windows"
+version = "0.48.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e686886bc078bc1b0b600cac0147aadb815089b6e4da64016cbd754b6342700f"
+dependencies = [
+ "windows-targets 0.48.5",
+]
+
 [[package]]
 name = "windows"
 version = "0.52.0"
@@ -6740,6 +7115,15 @@ dependencies = [
  "windows-sys 0.59.0",
 ]
 
+[[package]]
+name = "yansi"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "cfe53a6657fd280eaa890a3bc59152892ffa3e30101319d168b781ed6529b049"
+dependencies = [
+ "is-terminal",
+]
+
 [[package]]
 name = "zbus"
 version = "4.0.1"
@@ -6819,6 +7203,7 @@ dependencies = [
  "netdev",
  "regex",
  "reqwest 0.11.27",
+ "rocket",
  "serde",
  "serde_json",
  "starship-battery",
@@ -6832,6 +7217,7 @@ dependencies = [
  "tokio",
  "tracing",
  "tracing-subscriber",
+ "uuid",
  "windows 0.58.0",
  "windows-core 0.58.0",
 ]
diff --git a/examples/boilerplate-react-buildless/example.zebar.json b/examples/boilerplate-react-buildless/example.zebar.json
index f01eecae..4c92e146 100644
--- a/examples/boilerplate-react-buildless/example.zebar.json
+++ b/examples/boilerplate-react-buildless/example.zebar.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://github.com/glzr-io/zebar/raw/v2.4.0/resources/widget-schema.json",
+  "$schema": "https://github.com/glzr-io/zebar/raw/v2.7.0/resources/widget-schema.json",
   "htmlPath": "./index.html",
   "zOrder": "normal",
   "shownInTaskbar": false,
diff --git a/examples/boilerplate-react-buildless/index.html b/examples/boilerplate-react-buildless/index.html
index 3854db2a..5d201314 100644
--- a/examples/boilerplate-react-buildless/index.html
+++ b/examples/boilerplate-react-buildless/index.html
@@ -4,15 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <!-- Base styles for better consistency across platforms (aka. CSS reset). -->
-    <link rel="stylesheet" type="text/css" href="../normalize.css" />
-
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Add empty favicon to suppress not found errors. -->
-    <link rel="icon" href="data:;" />
-
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
       src="https://unpkg.com/@babel/standalone@7.25.6/babel.min.js"
@@ -52,7 +46,7 @@
         return (
           <div className="app">
             {output.audio?.defaultPlaybackDevice && (
-              <div class="chip">
+              <div className="chip">
                 {output.audio.defaultPlaybackDevice.name}-
                 {output.audio.defaultPlaybackDevice.volume}
                 <input
@@ -67,7 +61,7 @@
                 />
               </div>
             )}
-            <div class="chip">
+            <div className="chip">
               Media: {output.media?.currentSession?.title}-
               {output.media?.currentSession?.artist}
               <button onClick={() => output.media?.togglePlayPause()}>
diff --git a/examples/boilerplate-solid-ts/example.zebar.json b/examples/boilerplate-solid-ts/example.zebar.json
index 2d4118fb..0e142f8a 100644
--- a/examples/boilerplate-solid-ts/example.zebar.json
+++ b/examples/boilerplate-solid-ts/example.zebar.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://github.com/glzr-io/zebar/raw/v2.4.0/resources/widget-schema.json",
+  "$schema": "https://github.com/glzr-io/zebar/raw/v2.7.0/resources/widget-schema.json",
   "htmlPath": "./dist/index.html",
   "zOrder": "normal",
   "shownInTaskbar": false,
diff --git a/examples/boilerplate-solid-ts/index.html b/examples/boilerplate-solid-ts/index.html
index 8244cfe3..e7a43fa4 100644
--- a/examples/boilerplate-solid-ts/index.html
+++ b/examples/boilerplate-solid-ts/index.html
@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <title>Zebar</title>
-    <link rel="stylesheet" type="text/css" href="../normalize.css" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/examples/starter/vanilla.html b/examples/starter/vanilla.html
index f5ba0ac7..e921f663 100644
--- a/examples/starter/vanilla.html
+++ b/examples/starter/vanilla.html
@@ -4,15 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <!-- Base styles for better consistency across platforms (aka. CSS reset). -->
-    <link rel="stylesheet" type="text/css" href="../normalize.css" />
-
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Add empty favicon to suppress not found errors. -->
-    <link rel="icon" href="data:;" />
-
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
       src="https://unpkg.com/@babel/standalone@7.25.6/babel.min.js"
diff --git a/examples/starter/vanilla.zebar.json b/examples/starter/vanilla.zebar.json
index 651ff9c6..355ef7ec 100644
--- a/examples/starter/vanilla.zebar.json
+++ b/examples/starter/vanilla.zebar.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://github.com/glzr-io/zebar/raw/v2.4.0/resources/widget-schema.json",
+  "$schema": "https://github.com/glzr-io/zebar/raw/v2.7.0/resources/widget-schema.json",
   "htmlPath": "./vanilla.html",
   "zOrder": "normal",
   "shownInTaskbar": false,
diff --git a/examples/starter/with-glazewm.html b/examples/starter/with-glazewm.html
index d17777d7..0c5f9a37 100644
--- a/examples/starter/with-glazewm.html
+++ b/examples/starter/with-glazewm.html
@@ -4,15 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <!-- Base styles for better consistency across platforms (aka. CSS reset). -->
-    <link rel="stylesheet" type="text/css" href="../normalize.css" />
-
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Add empty favicon to suppress not found errors. -->
-    <link rel="icon" href="data:;" />
-
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
       src="https://unpkg.com/@babel/standalone@7.25.6/babel.min.js"
diff --git a/examples/starter/with-glazewm.zebar.json b/examples/starter/with-glazewm.zebar.json
index 02c5d616..2b681cfc 100644
--- a/examples/starter/with-glazewm.zebar.json
+++ b/examples/starter/with-glazewm.zebar.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://github.com/glzr-io/zebar/raw/v2.4.0/resources/widget-schema.json",
+  "$schema": "https://github.com/glzr-io/zebar/raw/v2.7.0/resources/widget-schema.json",
   "htmlPath": "./with-glazewm.html",
   "zOrder": "normal",
   "shownInTaskbar": false,
diff --git a/examples/starter/with-komorebi.html b/examples/starter/with-komorebi.html
index 07fea139..c4d21b05 100644
--- a/examples/starter/with-komorebi.html
+++ b/examples/starter/with-komorebi.html
@@ -4,15 +4,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <!-- Base styles for better consistency across platforms (aka. CSS reset). -->
-    <link rel="stylesheet" type="text/css" href="../normalize.css" />
-
     <!-- Custom styles. -->
     <link rel="stylesheet" type="text/css" href="./styles.css" />
 
-    <!-- Add empty favicon to suppress not found errors. -->
-    <link rel="icon" href="data:;" />
-
     <!-- Allows React to be run buildless via "text/babel" script below. -->
     <script
       src="https://unpkg.com/@babel/standalone@7.25.6/babel.min.js"
diff --git a/examples/starter/with-komorebi.zebar.json b/examples/starter/with-komorebi.zebar.json
index c7a14481..1ce9d9e9 100644
--- a/examples/starter/with-komorebi.zebar.json
+++ b/examples/starter/with-komorebi.zebar.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://github.com/glzr-io/zebar/raw/v2.4.0/resources/widget-schema.json",
+  "$schema": "https://github.com/glzr-io/zebar/raw/v2.7.0/resources/widget-schema.json",
   "htmlPath": "./with-komorebi.html",
   "zOrder": "normal",
   "shownInTaskbar": false,
diff --git a/packages/client-api/src/config/index.ts b/packages/client-api/src/config/index.ts
index 08330b68..35c93dd1 100644
--- a/packages/client-api/src/config/index.ts
+++ b/packages/client-api/src/config/index.ts
@@ -1,5 +1,6 @@
 export * from './monitor-selection';
 export * from './dock-config';
+export * from './widget-caching';
 export * from './widget-config';
 export * from './widget-placement';
 export * from './widget-preset';
diff --git a/packages/client-api/src/config/widget-caching.ts b/packages/client-api/src/config/widget-caching.ts
new file mode 100644
index 00000000..157a1bfd
--- /dev/null
+++ b/packages/client-api/src/config/widget-caching.ts
@@ -0,0 +1,9 @@
+export type WidgetCaching = {
+  defaultDuration: number;
+  rules: WidgetCachingRule[];
+};
+
+export type WidgetCachingRule = {
+  urlRegex: string;
+  duration: number;
+};
diff --git a/packages/client-api/src/config/widget-config.ts b/packages/client-api/src/config/widget-config.ts
index 4a85d8ae..33858602 100644
--- a/packages/client-api/src/config/widget-config.ts
+++ b/packages/client-api/src/config/widget-config.ts
@@ -1,3 +1,4 @@
+import type { WidgetCaching } from './widget-caching';
 import type { WidgetPreset } from './widget-preset';
 
 export type WidgetConfig = {
@@ -7,5 +8,6 @@ export type WidgetConfig = {
   focused: boolean;
   resizable: boolean;
   transparent: boolean;
+  caching: WidgetCaching;
   presets: WidgetPreset[];
 };
diff --git a/packages/desktop/Cargo.toml b/packages/desktop/Cargo.toml
index 9a07c69a..ac84f4db 100644
--- a/packages/desktop/Cargo.toml
+++ b/packages/desktop/Cargo.toml
@@ -18,7 +18,14 @@ async-trait = "0.1"
 base64 = "0.22"
 clap = { version = "4", features = ["derive"] }
 crossbeam = "0.8"
+netdev = "0.24"
+regex = "1"
 reqwest = { version = "0.11", features = ["json"] }
+rocket = { version = "0.5", features = ["json"] }
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+starship-battery = "0.8"
+sysinfo = "0.30"
 tauri = { version = "2.0", features = [
   "devtools",
   "macos-private-api",
@@ -29,15 +36,10 @@ tauri-plugin-dialog = "2.0"
 tauri-plugin-http = "2.0"
 tauri-plugin-shell = "2.0"
 tauri-plugin-single-instance = "2.0"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
-starship-battery = "0.8"
-sysinfo = "0.30"
 tokio = { version = "1.33", features = ["full"] }
 tracing = "0.1"
 tracing-subscriber = { version = "0.3", features = ["env-filter"] }
-netdev = "0.24"
-regex = "1"
+uuid = { version = "1", features = ["v4"] }
 
 [target.'cfg(target_os = "windows")'.dependencies]
 komorebi-client = { git = "https://github.com/LGUG2Z/komorebi", tag = "v0.1.28" }
diff --git a/packages/desktop/capabilities/widget.json b/packages/desktop/capabilities/widget.json
index a097516b..097984e2 100644
--- a/packages/desktop/capabilities/widget.json
+++ b/packages/desktop/capabilities/widget.json
@@ -4,7 +4,11 @@
   "description": "Widget capabilities",
   "windows": ["widget-*"],
   "remote": {
-    "urls": ["http://asset.localhost", "asset://localhost"]
+    "urls": [
+      "http://asset.localhost",
+      "asset://localhost",
+      "http://127.0.0.1:6124"
+    ]
   },
   "permissions": [
     "core:app:default",
diff --git a/packages/desktop/resources/initialization-script.js b/packages/desktop/resources/initialization-script.js
new file mode 100644
index 00000000..31709622
--- /dev/null
+++ b/packages/desktop/resources/initialization-script.js
@@ -0,0 +1,67 @@
+if (window.location.host === '127.0.0.1:6124') {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker
+      .register('/__zebar/sw.js', { scope: '/' })
+      .then(sw => {
+        console.log('[Zebar] Service Worker registered.');
+
+        const message = {
+          type: 'SET_CONFIG',
+          config: window.__ZEBAR_STATE.config.caching,
+        };
+
+        sw.active?.postMessage(message);
+        sw.installing?.postMessage(message);
+        sw.waiting?.postMessage(message);
+      })
+      .catch(err =>
+        console.error('[Zebar] Service Worker failed to register:', err),
+      );
+  }
+
+  document.addEventListener('DOMContentLoaded', () => {
+    addFavicon();
+    loadCss('/__zebar/normalize.css');
+  });
+}
+
+/**
+ * Adds a CSS file with the given path to the head element.
+ */
+function loadCss(path) {
+  const link = document.createElement('link');
+  link.setAttribute('data-zebar', '');
+  link.rel = 'stylesheet';
+  link.type = 'text/css';
+  link.href = path;
+  insertIntoHead(link);
+}
+
+/**
+ * Adds a favicon to the head element if one is not already present.
+ */
+function addFavicon() {
+  if (!document.querySelector('link[rel="icon"]')) {
+    const link = document.createElement('link');
+    link.setAttribute('data-zebar', '');
+    link.rel = 'icon';
+    link.href = 'data:;';
+    insertIntoHead(link);
+  }
+}
+
+/**
+ * Inserts the element before any other resource tags in the head element.
+ * Ensures that user-defined stylesheets or favicons are prioritized over
+ * Zebar's defaults.
+ */
+function insertIntoHead(element) {
+  const resources = document.head.querySelectorAll('link, script, style');
+  const target = resources[0]?.previousElementSibling;
+
+  if (target) {
+    target.after(element);
+  } else {
+    document.head.appendChild(element);
+  }
+}
diff --git a/examples/normalize.css b/packages/desktop/resources/normalize.css
similarity index 100%
rename from examples/normalize.css
rename to packages/desktop/resources/normalize.css
diff --git a/packages/desktop/resources/sw.js b/packages/desktop/resources/sw.js
new file mode 100644
index 00000000..75208518
--- /dev/null
+++ b/packages/desktop/resources/sw.js
@@ -0,0 +1,151 @@
+self.addEventListener('install', () => {
+  // Skip waiting for activation. Only has an effect if there's a newly
+  // installed service worker that would otherwise remain in the `waiting`
+  // state.
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', () => {
+  // Claim clients to ensure that updates to the underlying service worker
+  // take effect immediately. Normally when a service worker is updated,
+  // pages won't use it until the next load.
+  self.clients.claim();
+});
+
+self.addEventListener('fetch', event => {
+  // Use the default browser handling for requests where:
+  // - The request method is not GET.
+  // - The request is a navigation request.
+  // - The request is to the same origin as the service worker.
+  if (
+    event.request.method !== 'GET' ||
+    event.request.mode === 'navigate' ||
+    new URL(event.request.url).origin === self.location.origin
+  ) {
+    return;
+  }
+
+  event.respondWith(handleFetch(event));
+});
+
+/**
+ * Config-related state.
+ *
+ * The cache config is asynchronously resolved by posting a message from
+ * the initialization script.
+ */
+const deferredConfig = {
+  value: null,
+  resolve: null,
+  promise: new Promise(resolve =>
+    setTimeout(() => (deferredConfig.resolve = resolve)),
+  ),
+};
+
+self.addEventListener('message', event => {
+  switch (event.data.type) {
+    case 'CLEAR_CACHE':
+      event.waitUntil(clearCache());
+      break;
+    case 'SET_CONFIG':
+      deferredConfig.value = event.data.config;
+      deferredConfig.resolve();
+      break;
+    default:
+      console.error(
+        'Service worker received unknown message type:',
+        event.data,
+      );
+  }
+});
+
+async function clearCache() {
+  await Promise.all(
+    ['responses-v1', 'metadata-v1'].map(cacheName =>
+      caches.delete(cacheName),
+    ),
+  );
+}
+
+async function handleFetch(event) {
+  // Wait for config to be set before processing any requests.
+  const config = await deferredConfig.promise.then(
+    () => deferredConfig.value,
+  );
+
+  const [responseCache, metadataCache] = await Promise.all([
+    caches.open('responses-v1'),
+    caches.open('metadata-v1'),
+  ]);
+
+  // First, try to get the resource and its metadata from the cache.
+  const [cachedResponse, cachedMetadata] = await Promise.all([
+    responseCache.match(event.request),
+    metadataCache.match(event.request).then(res => res?.json()),
+  ]);
+
+  // Check if there's a valid cached response.
+  if (cachedResponse) {
+    const hasExpired =
+      !cachedMetadata ||
+      Date.now() > cachedMetadata.timestamp + cachedMetadata.duration;
+
+    if (!hasExpired) {
+      return cachedResponse;
+    }
+
+    // If expired, delete it.
+    await Promise.all([
+      responseCache.delete(event.request),
+      metadataCache.delete(event.request),
+    ]);
+  }
+
+  try {
+    // Otherwise, fetch the resource from the network.
+    const networkResponse = await fetch(event.request);
+
+    // Cache the response if its status is in the 200-299 range or if
+    // it's opaque. Opaque responses are from requests with 'no-cors',
+    // and have a status of 0.
+    if (
+      networkResponse &&
+      (networkResponse.ok || networkResponse.type === 'opaque')
+    ) {
+      const metadata = {
+        timestamp: Date.now(),
+        duration: getCacheDuration(event.request.url, config),
+      };
+
+      await Promise.all([
+        responseCache.put(event.request, networkResponse.clone()),
+        metadataCache.put(
+          event.request,
+          new Response(JSON.stringify(metadata)),
+        ),
+      ]);
+    }
+
+    return networkResponse;
+  } catch (error) {
+    console.error(error);
+    return new Response('Offline or network error occurred.', {
+      status: 503,
+      statusText: 'Service Unavailable',
+      headers: new Headers({ 'Content-Type': 'text/plain' }),
+    });
+  }
+}
+
+/**
+ * Gets the cache duration (in milliseconds) for a URL.
+ */
+function getCacheDuration(url, config) {
+  for (const rule of config.rules) {
+    if (new RegExp(rule.urlRegex).test(url)) {
+      return rule.duration * 1000;
+    }
+  }
+
+  return config.defaultDuration * 1000;
+}
diff --git a/packages/desktop/src/asset_server.rs b/packages/desktop/src/asset_server.rs
new file mode 100644
index 00000000..c973ebf6
--- /dev/null
+++ b/packages/desktop/src/asset_server.rs
@@ -0,0 +1,172 @@
+use std::{
+  collections::HashMap,
+  io::Cursor,
+  path::{Path, PathBuf},
+  sync::LazyLock,
+};
+
+use rocket::{
+  fs::NamedFile,
+  http::{ContentType, Cookie, CookieJar, Header, SameSite, Status},
+  request::{FromRequest, Outcome},
+  response::{self, Redirect, Responder, Response},
+  Request,
+};
+use tokio::{sync::Mutex, task};
+use uuid::Uuid;
+
+use crate::common::PathExt;
+
+/// Port for the localhost asset server.
+const ASSET_SERVER_PORT: u16 = 6124;
+
+/// Map of tokens to their corresponding path.
+static ASSET_SERVER_TOKENS: LazyLock<Mutex<HashMap<String, PathBuf>>> =
+  LazyLock::new(|| Mutex::new(HashMap::new()));
+
+pub fn setup_asset_server() {
+  task::spawn(async move {
+    let rocket = rocket::build()
+      .configure(
+        rocket::Config::figment().merge(("port", ASSET_SERVER_PORT)),
+      )
+      .mount("/", routes![sw_js, normalize_css, init, serve]);
+
+    if let Err(err) = rocket.launch().await {
+      error!("Asset server failed to start: {:?}", err);
+    }
+  });
+}
+
+pub async fn create_init_url(
+  parent_dir: &Path,
+  html_path: &Path,
+) -> anyhow::Result<tauri::Url> {
+  // Generate a unique token to identify requests from the widget to the
+  // asset server.
+  let token = upsert_or_get_token(parent_dir).await;
+
+  let redirect = format!(
+    "/{}",
+    html_path.strip_prefix(parent_dir)?.to_unicode_string()
+  );
+
+  let url = tauri::Url::parse_with_params(
+    &format!("http://127.0.0.1:{}/__zebar/init", ASSET_SERVER_PORT),
+    &[("token", &token), ("redirect", &redirect)],
+  )?;
+
+  Ok(url)
+}
+
+/// Returns an asset server token for a given directory.
+///
+/// If the directory does not have an existing token, a new one is
+/// generated and inserted.
+async fn upsert_or_get_token(directory: &Path) -> String {
+  let mut asset_server_tokens = ASSET_SERVER_TOKENS.lock().await;
+
+  // Find existing token for this path.
+  let found_token = asset_server_tokens
+    .iter()
+    .find(|(_, path)| *path == directory)
+    .map(|(token, _)| token.clone());
+
+  found_token.unwrap_or_else(|| {
+    let new_token = Uuid::new_v4().to_string();
+
+    asset_server_tokens.insert(new_token.clone(), directory.to_path_buf());
+
+    new_token
+  })
+}
+
+#[get("/__zebar/init?<token>&<redirect>")]
+pub fn init(
+  token: String,
+  redirect: String,
+  cookies: &CookieJar<'_>,
+) -> Redirect {
+  // Create a http-only cookie with the widget's token.
+  cookies.add(
+    Cookie::build(("ZEBAR_TOKEN", token))
+      .http_only(true)
+      .same_site(SameSite::Strict)
+      .path("/"),
+  );
+
+  Redirect::to(redirect)
+}
+
+#[get("/__zebar/sw.js")]
+pub fn sw_js() -> SwResponse {
+  SwResponse(include_str!("../resources/sw.js"))
+}
+
+#[derive(Debug)]
+pub struct SwResponse(&'static str);
+
+#[rocket::async_trait]
+impl<'r> Responder<'r, 'static> for SwResponse {
+  fn respond_to(self, _: &'r Request<'_>) -> response::Result<'static> {
+    Response::build()
+      .header(Header::new("Content-Type", "text/javascript"))
+      .header(Header::new("Service-Worker-Allowed", "/"))
+      .sized_body(self.0.len(), Cursor::new(self.0))
+      .ok()
+  }
+}
+
+#[get("/__zebar/normalize.css")]
+pub fn normalize_css() -> (ContentType, &'static str) {
+  (ContentType::CSS, include_str!("../resources/normalize.css"))
+}
+
+#[rocket::get("/<path..>", rank = 100)]
+pub async fn serve(
+  path: Option<PathBuf>,
+  token: ServerToken,
+) -> Option<NamedFile> {
+  // Retrieve base directory for the corresponding token.
+  let base_url =
+    { ASSET_SERVER_TOKENS.lock().await.get(&token.0).cloned() }?;
+
+  let asset_path = base_url
+    .join(path.unwrap_or("index.html".into()))
+    .to_absolute()
+    .ok()?;
+
+  // Prevent directory traversal outside of the base URL.
+  if !asset_path.starts_with(&base_url) {
+    return None;
+  }
+
+  // Attempt to open and serve the requested file. Currently returns HTML
+  // `Content-Type` if not found.
+  NamedFile::open(asset_path).await.ok()
+}
+
+/// Token for identifying which directory is being accessed.
+#[derive(Debug)]
+pub struct ServerToken(pub String);
+
+#[rocket::async_trait]
+impl<'r> FromRequest<'r> for ServerToken {
+  type Error = anyhow::Error;
+
+  async fn from_request(
+    request: &'r Request<'_>,
+  ) -> Outcome<Self, Self::Error> {
+    let token = request.cookies().get("ZEBAR_TOKEN");
+
+    match token {
+      Some(token) => {
+        Outcome::Success(ServerToken(token.value_trimmed().to_string()))
+      }
+      None => Outcome::Error((
+        Status::Unauthorized,
+        anyhow::anyhow!("Missing token for accessing directory."),
+      )),
+    }
+  }
+}
diff --git a/packages/desktop/src/common/path_ext.rs b/packages/desktop/src/common/path_ext.rs
index ca3a394d..ec791e66 100644
--- a/packages/desktop/src/common/path_ext.rs
+++ b/packages/desktop/src/common/path_ext.rs
@@ -57,3 +57,13 @@ impl PathExt for PathBuf {
     self.to_string_lossy().to_string()
   }
 }
+
+impl PathExt for Path {
+  fn to_absolute(&self) -> anyhow::Result<PathBuf> {
+    self.to_path_buf().to_absolute()
+  }
+
+  fn to_unicode_string(&self) -> String {
+    self.to_string_lossy().to_string()
+  }
+}
diff --git a/packages/desktop/src/config.rs b/packages/desktop/src/config.rs
index 5558c6f9..67a728c4 100644
--- a/packages/desktop/src/config.rs
+++ b/packages/desktop/src/config.rs
@@ -90,6 +90,10 @@ pub struct WidgetConfig {
   /// Whether the Tauri window frame should be transparent.
   pub transparent: bool,
 
+  /// How network requests should be cached.
+  #[serde(default)]
+  pub caching: WidgetCaching,
+
   /// Where to place the widget. Add alias for `defaultPlacements` for
   /// compatibility with v2.3.0 and earlier.
   #[serde(alias = "defaultPlacements")]
@@ -104,6 +108,35 @@ pub enum ZOrder {
   TopMost,
 }
 
+#[derive(Clone, Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct WidgetCaching {
+  /// Default duration to cache network resources for (in seconds).
+  pub default_duration: u32,
+
+  /// Custom cache rules.
+  pub rules: Vec<WidgetCachingRule>,
+}
+
+impl Default for WidgetCaching {
+  fn default() -> Self {
+    Self {
+      default_duration: 604800,
+      rules: Vec::new(),
+    }
+  }
+}
+
+#[derive(Clone, Debug, Deserialize, Serialize)]
+#[serde(rename_all = "camelCase")]
+pub struct WidgetCachingRule {
+  /// URL regex pattern to match.
+  pub url_regex: String,
+
+  /// Duration to cache the matched requests for (in seconds).
+  pub duration: u32,
+}
+
 #[derive(Clone, Debug, Deserialize, Serialize)]
 #[serde(rename_all = "camelCase")]
 pub struct WidgetPreset {
diff --git a/packages/desktop/src/main.rs b/packages/desktop/src/main.rs
index 2e1df654..f5770c02 100644
--- a/packages/desktop/src/main.rs
+++ b/packages/desktop/src/main.rs
@@ -6,28 +6,26 @@
 use std::{env, sync::Arc};
 
 use clap::Parser;
-use cli::MonitorType;
-use config::{MonitorSelection, WidgetPlacement};
-use providers::ProviderEmission;
 use tauri::{
   async_runtime::block_on, AppHandle, Emitter, Manager, RunEvent,
 };
 use tokio::{sync::mpsc, task};
 use tracing::{error, info, level_filters::LevelFilter};
 use tracing_subscriber::EnvFilter;
-use widget_factory::WidgetOpenOptions;
 
 #[cfg(target_os = "windows")]
 use crate::common::windows::WindowExtWindows;
 use crate::{
-  cli::{Cli, CliCommand, QueryArgs},
-  config::Config,
+  asset_server::setup_asset_server,
+  cli::{Cli, CliCommand, MonitorType, QueryArgs},
+  config::{Config, MonitorSelection, WidgetPlacement},
   monitor_state::MonitorState,
-  providers::ProviderManager,
+  providers::{ProviderEmission, ProviderManager},
   sys_tray::SysTray,
-  widget_factory::WidgetFactory,
+  widget_factory::{WidgetFactory, WidgetOpenOptions},
 };
 
+mod asset_server;
 mod cli;
 mod commands;
 mod common;
@@ -37,6 +35,9 @@ mod providers;
 mod sys_tray;
 mod widget_factory;
 
+#[macro_use]
+extern crate rocket;
+
 /// Main entry point for the application.
 ///
 /// Conditionally starts Zebar or runs a CLI command based on the given
@@ -161,6 +162,8 @@ async fn start_app(app: &mut tauri::App, cli: Cli) -> anyhow::Result<()> {
   // guaranteed to be one of the open commands here.
   setup_single_instance(app, widget_factory.clone())?;
 
+  setup_asset_server();
+
   // Prevent windows from showing up in the dock on MacOS.
   #[cfg(target_os = "macos")]
   app.set_activation_policy(tauri::ActivationPolicy::Accessory);
@@ -221,14 +224,14 @@ fn listen_events(
       let res = tokio::select! {
         Ok(widget_state) = widget_open_rx.recv() => {
           info!("Widget opened.");
-          tray.refresh().await;
-          app_handle.emit("widget-opened", widget_state);
+          let _ = tray.refresh().await;
+          let _ = app_handle.emit("widget-opened", widget_state);
           Ok(())
         },
         Ok(widget_id) = widget_close_rx.recv() => {
           info!("Widget closed.");
-          tray.refresh().await;
-          app_handle.emit("widget-closed", widget_id);
+          let _ = tray.refresh().await;
+          let _ = app_handle.emit("widget-closed", widget_id);
           Ok(())
         },
         Ok(_) = settings_change_rx.recv() => {
diff --git a/packages/desktop/src/sys_tray.rs b/packages/desktop/src/sys_tray.rs
index b804f06c..29cd0070 100644
--- a/packages/desktop/src/sys_tray.rs
+++ b/packages/desktop/src/sys_tray.rs
@@ -230,7 +230,17 @@ impl SysTray {
     let mut tray_menu = MenuBuilder::new(&self.app_handle)
       .text(MenuEvent::OpenSettings, "Open settings")
       .item(&configs_menu)
-      .text(MenuEvent::ReloadConfigs, "Reload configs")
+      .text(MenuEvent::ReloadConfigs, {
+        #[cfg(windows)]
+        {
+          // Windows needs to triple escape ampersands.
+          "Empty cache &&& reload configs"
+        }
+        #[cfg(not(windows))]
+        {
+          "Empty cache & reload configs"
+        }
+      })
       .separator();
 
     // Add submenus for currently active widget.
@@ -287,7 +297,10 @@ impl SysTray {
         MenuEvent::ShowConfigFolder => config
           .open_config_dir()
           .context("Failed to open config folder."),
-        MenuEvent::ReloadConfigs => config.reload().await,
+        MenuEvent::ReloadConfigs => {
+          widget_factory.clear_cache();
+          config.reload().await
+        }
         MenuEvent::OpenSettings => {
           Self::open_settings_window(&app_handle, None)
         }
diff --git a/packages/desktop/src/widget_factory.rs b/packages/desktop/src/widget_factory.rs
index 7480fac9..d48020c5 100644
--- a/packages/desktop/src/widget_factory.rs
+++ b/packages/desktop/src/widget_factory.rs
@@ -1,6 +1,5 @@
 use std::{
   collections::HashMap,
-  i32,
   path::PathBuf,
   sync::{
     atomic::{AtomicU32, Ordering},
@@ -8,11 +7,12 @@ use std::{
   },
 };
 
-use anyhow::Context;
+use anyhow::{bail, Context};
+use base64::prelude::*;
 use serde::Serialize;
 use tauri::{
-  AppHandle, Manager, PhysicalPosition, PhysicalSize, WebviewUrl,
-  WebviewWindowBuilder, WindowEvent,
+  path::BaseDirectory, AppHandle, Manager, PhysicalPosition, PhysicalSize,
+  WebviewUrl, WebviewWindowBuilder, WindowEvent,
 };
 use tokio::{
   sync::{broadcast, Mutex},
@@ -25,6 +25,7 @@ use crate::common::macos::WindowExtMacOs;
 #[cfg(target_os = "windows")]
 use crate::common::windows::{remove_app_bar, WindowExtWindows};
 use crate::{
+  asset_server::create_init_url,
   common::PathExt,
   config::{
     AnchorPoint, Config, DockConfig, DockEdge, WidgetConfig,
@@ -233,29 +234,43 @@ impl WidgetFactory {
       // Use running widget count as a unique label for the Tauri window.
       let widget_id = format!("widget-{}", new_count);
 
-      let html_path = config_path
-        .parent()
-        .map(|dir| dir.join(&widget_config.html_path))
-        .filter(|path| path.exists())
-        .with_context(|| {
-          format!(
-            "HTML file not found at '{}' for config '{}'.",
-            widget_config.html_path.display(),
-            config_path.display()
-          )
-        })?;
-
       info!(
-        "Creating window for widget #{} from {}",
-        new_count,
+        "Creating window for {} from {}",
+        widget_id,
         config_path.display()
       );
 
-      let webview_url = WebviewUrl::App(
-        Self::to_asset_url(&html_path.to_unicode_string()).into(),
+      let parent_dir =
+        config_path.parent().context("No parent directory.")?;
+
+      let html_path = parent_dir.join(&widget_config.html_path);
+
+      if !html_path.exists() {
+        bail!(
+          "HTML file not found at '{}' for config '{}'.",
+          widget_config.html_path.display(),
+          config_path.display()
+        )
+      }
+
+      let webview_url = WebviewUrl::External(
+        create_init_url(&parent_dir, &html_path).await?,
       );
 
-      // Note that window label needs to be globally unique.
+      let mut state = WidgetState {
+        id: widget_id.clone(),
+        window_handle: None,
+        config: widget_config.clone(),
+        config_path: config_path.clone(),
+        html_path: html_path.clone(),
+        open_options: open_options.clone(),
+      };
+
+      // Widgets from the same top-level directory share their browser
+      // cache (i.e. `localStorage`, `sessionStorage`, SW cache, etc.).
+      let cache_id =
+        BASE64_STANDARD.encode(parent_dir.to_unicode_string());
+
       let window = WebviewWindowBuilder::new(
         &self.app_handle,
         widget_id.clone(),
@@ -272,18 +287,30 @@ impl WidgetFactory {
       .shadow(false)
       .decorations(false)
       .resizable(widget_config.resizable)
+      .initialization_script(&self.initialization_script(&state)?)
+      .data_directory(
+        // TODO: Add this as an ext method on the Tauri window.
+        self
+          .app_handle
+          .path()
+          .resolve(
+            format!(".glzr/zebar/tmp-{}", cache_id),
+            BaseDirectory::Home,
+          )
+          .context("Unable to get home directory.")
+          .unwrap(),
+      )
       .build()?;
 
-      let mut size = coordinates.size;
-      let mut position = coordinates.position;
-
-      if placement.dock_to_edge.enabled {
-        (size, position) = self.dock_to_edge(
+      // Widget coordinates might be modified when docked to an edge.
+      let (size, position) = match placement.dock_to_edge.enabled {
+        false => (coordinates.size, coordinates.position),
+        true => self.dock_to_edge(
           &window,
           &placement.dock_to_edge,
           &coordinates,
-        )?;
-      }
+        )?,
+      };
 
       info!("Positioning widget to {:?} {:?}", size, position);
       let _ = window.set_size(size);
@@ -297,33 +324,6 @@ impl WidgetFactory {
         let _ = window.set_position(position);
       }
 
-      let window_handle = {
-        #[cfg(target_os = "windows")]
-        {
-          let handle =
-            window.hwnd().context("Failed to get window handle.")?;
-
-          Some(handle.0 as isize)
-        }
-
-        #[cfg(not(target_os = "windows"))]
-        None
-      };
-
-      let state = WidgetState {
-        id: widget_id.clone(),
-        window_handle,
-        config: widget_config.clone(),
-        config_path: config_path.clone(),
-        html_path: html_path.clone(),
-        open_options: open_options.clone(),
-      };
-
-      _ = window.eval(&format!(
-        "window.__ZEBAR_STATE={0}; sessionStorage.setItem('ZEBAR_STATE', JSON.stringify({0}))",
-        serde_json::to_string(&state)?
-      ));
-
       // On Windows, Tauri's `skip_taskbar` option isn't 100% reliable,
       // so we also set the window as a tool window.
       #[cfg(target_os = "windows")]
@@ -341,6 +341,16 @@ impl WidgetFactory {
         }
       }
 
+      #[cfg(target_os = "windows")]
+      {
+        state.window_handle = {
+          let handle =
+            window.hwnd().context("Failed to get window handle.")?;
+
+          Some(handle.0 as isize)
+        };
+      }
+
       {
         let mut widget_states = self.widget_states.lock().await;
         widget_states.insert(state.id.clone(), state.clone());
@@ -493,15 +503,16 @@ impl WidgetFactory {
     Ok(())
   }
 
-  /// Converts a file path to a Tauri asset URL.
-  ///
-  /// Returns a string that can be used as a webview URL.
-  fn to_asset_url(file_path: &str) -> String {
-    if cfg!(target_os = "windows") {
-      format!("http://asset.localhost/{}", file_path)
-    } else {
-      format!("asset://localhost/{}", file_path)
-    }
+  fn initialization_script(
+    &self,
+    state: &WidgetState,
+  ) -> anyhow::Result<String> {
+    let state_script =
+      format!("window.__ZEBAR_STATE={};", serde_json::to_string(state)?);
+
+    let sw_script = include_str!("../resources/initialization-script.js");
+
+    Ok(format!("{state_script}\n{sw_script}"))
   }
 
   /// Registers window events for a given widget.
@@ -759,6 +770,21 @@ impl WidgetFactory {
     self.relaunch_by_ids(&widget_ids).await
   }
 
+  /// Clears the cache for all open widgets.
+  pub fn clear_cache(&self) {
+    for (_, window) in self.app_handle.webview_windows() {
+      // Post a message to the service worker for clearing the cache.
+      _ = window.eval(
+        r"
+        if ('serviceWorker' in navigator) {
+          navigator.serviceWorker.ready.then(sw => {
+            sw.active?.postMessage({ type: 'CLEAR_CACHE' });
+          });
+        }",
+      );
+    }
+  }
+
   /// Returns widget states by their widget ID's.
   pub async fn states(&self) -> HashMap<String, WidgetState> {
     self.widget_states.lock().await.clone()
diff --git a/packages/desktop/tauri.conf.json b/packages/desktop/tauri.conf.json
index 1477e461..c9bce27c 100644
--- a/packages/desktop/tauri.conf.json
+++ b/packages/desktop/tauri.conf.json
@@ -34,10 +34,10 @@
       "csp": {
         "default-src": "'self'",
         "style-src": "'self' 'unsafe-inline' *",
-        "script-src": "'self' 'unsafe-eval' asset: http://asset.localhost",
+        "script-src": "'self' 'unsafe-eval' asset: http://asset.localhost http://127.0.0.1:6124",
         "connect-src": "'self' ipc: http://ipc.localhost ws://localhost:6123",
         "font-src": "'self' *",
-        "img-src": "'self' asset: http://asset.localhost blob: data: *"
+        "img-src": "'self' asset: http://asset.localhost http://127.0.0.1:6124 blob: data: *"
       },
       "assetProtocol": {
         "enable": true
diff --git a/packages/settings-ui/package.json b/packages/settings-ui/package.json
index c47a1c06..4c927ccf 100644
--- a/packages/settings-ui/package.json
+++ b/packages/settings-ui/package.json
@@ -8,7 +8,7 @@
     "dev:local": "vite"
   },
   "dependencies": {
-    "@glzr/components": "1.0.2",
+    "@glzr/components": "1.1.0",
     "@solidjs/router": "0.14.8",
     "@tabler/icons-solidjs": "3.19.0",
     "@tauri-apps/api": "2.0.2",
diff --git a/packages/settings-ui/src/configs/WidgetCachingSubform.tsx b/packages/settings-ui/src/configs/WidgetCachingSubform.tsx
new file mode 100644
index 00000000..16e405af
--- /dev/null
+++ b/packages/settings-ui/src/configs/WidgetCachingSubform.tsx
@@ -0,0 +1,235 @@
+import {
+  Button,
+  TextField,
+  SelectField,
+  NumberField,
+} from '@glzr/components';
+import { IconX } from '@tabler/icons-solidjs';
+import { createForm, Field } from 'smorf';
+import { createEffect, createSignal, on, Show } from 'solid-js';
+import type { WidgetCaching } from 'zebar';
+
+export interface WidgetCachingSubformProps {
+  value?: WidgetCaching;
+  onChange: (caching: WidgetCaching) => void;
+}
+
+export function WidgetCachingSubform(props: WidgetCachingSubformProps) {
+  const cachingForm = createForm<WidgetCaching>(
+    props.value ?? {
+      // Default to one week (in seconds).
+      defaultDuration: 7 * 24 * 60 * 60,
+      rules: [],
+    },
+  );
+
+  createEffect(
+    on(
+      () => props.value,
+      value => cachingForm.setValue(value),
+    ),
+  );
+
+  createEffect(
+    on(
+      () => cachingForm.value,
+      value => {
+        if (cachingForm.isDirty()) {
+          props.onChange(value);
+        }
+      },
+    ),
+  );
+
+  return (
+    <div>
+      <h3 class="text-lg font-semibold">Cache settings</h3>
+      <p class="text-sm text-muted-foreground mb-3">
+        Any web requests made by the widget will be cached for offline
+        availability & faster loading.
+      </p>
+
+      <div class="space-y-2 mb-3">
+        <Field of={cachingForm} path="defaultDuration">
+          {inputProps => (
+            <CacheDurationField
+              id="default-duration"
+              label="Default cache duration"
+              {...inputProps()}
+            />
+          )}
+        </Field>
+      </div>
+
+      <h3 class="text-sm font-medium">Cache rules</h3>
+      <div class="space-y-2">
+        {cachingForm.value.rules.map((_, index) => (
+          <div class="flex items-center space-x-2">
+            <Field of={cachingForm} path={`rules.${index}.urlRegex`}>
+              {inputProps => (
+                <TextField
+                  id="rule-url"
+                  placeholder="URL regex"
+                  class="flex-grow"
+                  {...inputProps()}
+                />
+              )}
+            </Field>
+
+            <Field of={cachingForm} path={`rules.${index}.duration`}>
+              {inputProps => (
+                <CacheDurationField
+                  id={`rule-duration-${index}`}
+                  {...inputProps()}
+                />
+              )}
+            </Field>
+
+            <Button
+              type="button"
+              variant="outline"
+              size="icon"
+              onClick={() =>
+                cachingForm.setFieldValue('rules', rules =>
+                  rules.filter((_, i) => i !== index),
+                )
+              }
+              aria-label="Remove rule"
+            >
+              <IconX class="h-4 w-4" />
+            </Button>
+          </div>
+        ))}
+
+        <Button
+          type="button"
+          variant="outline"
+          onClick={() =>
+            cachingForm.setFieldValue('rules', rules => [
+              ...rules,
+              { urlRegex: '', duration: 0 },
+            ])
+          }
+          class="w-full"
+        >
+          Add cache rule +
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+interface CacheDurationFieldProps {
+  id?: string;
+  label?: string;
+  value: number;
+  onChange: (value: number) => void;
+  onBlur: () => void;
+}
+
+enum SelectOptions {
+  OneHour,
+  OneDay,
+  OneWeek,
+  NoCache,
+  Custom,
+}
+
+function CacheDurationField(props: CacheDurationFieldProps) {
+  const [selectValue, setSelectValue] = createSignal<SelectOptions>(
+    toSelectValue(props.value),
+  );
+
+  const [customValue, setCustomValue] = createSignal<number | undefined>(
+    selectValue() === SelectOptions.Custom ? props.value : undefined,
+  );
+
+  // Update the select value when the props value changes.
+  createEffect(
+    on(
+      () => props.value,
+      newValue => {
+        const selectValue = toSelectValue(newValue);
+        setSelectValue(selectValue);
+        setCustomValue(
+          selectValue === SelectOptions.Custom ? newValue : undefined,
+        );
+      },
+      { defer: true },
+    ),
+  );
+
+  function toSelectValue(value: number) {
+    switch (value) {
+      case 60 * 60:
+        return SelectOptions.OneHour;
+      case 24 * 60 * 60:
+        return SelectOptions.OneDay;
+      case 7 * 24 * 60 * 60:
+        return SelectOptions.OneWeek;
+      case 0:
+        return SelectOptions.NoCache;
+      default:
+        return SelectOptions.Custom;
+    }
+  }
+
+  function toDuration(value: SelectOptions) {
+    switch (value) {
+      case SelectOptions.OneHour:
+        return 60 * 60;
+      case SelectOptions.OneDay:
+        return 24 * 60 * 60;
+      case SelectOptions.OneWeek:
+        return 7 * 24 * 60 * 60;
+      case SelectOptions.NoCache:
+        return 0;
+      case SelectOptions.Custom:
+        return customValue();
+    }
+  }
+
+  return (
+    <>
+      <SelectField
+        id={props.id}
+        placeholder="Select cache duration"
+        label={props.label}
+        options={
+          [
+            { value: SelectOptions.OneHour, label: '1 hour' },
+            { value: SelectOptions.OneDay, label: '1 day' },
+            { value: SelectOptions.OneWeek, label: '1 week' },
+            { value: SelectOptions.Custom, label: 'Custom' },
+            {
+              value: SelectOptions.NoCache,
+              label: 'No cache',
+            },
+          ] as const
+        }
+        value={selectValue()}
+        onChange={(value: SelectOptions) => {
+          setSelectValue(value);
+
+          if (value !== SelectOptions.Custom) {
+            props.onChange(toDuration(value));
+          }
+        }}
+        onBlur={props.onBlur}
+      />
+
+      <Show when={selectValue() === SelectOptions.Custom}>
+        <NumberField
+          id={props.id}
+          placeholder="Cache duration (seconds)"
+          value={customValue()}
+          onChange={value => {
+            setCustomValue(value);
+            props.onChange(value);
+          }}
+          onBlur={props.onBlur}
+        />
+      </Show>
+    </>
+  );
+}
diff --git a/packages/settings-ui/src/configs/WidgetConfigForm.tsx b/packages/settings-ui/src/configs/WidgetConfigForm.tsx
index 0e07d6ff..59d42fc9 100644
--- a/packages/settings-ui/src/configs/WidgetConfigForm.tsx
+++ b/packages/settings-ui/src/configs/WidgetConfigForm.tsx
@@ -15,6 +15,7 @@ import { IconAlertTriangle, IconTrash } from '@tabler/icons-solidjs';
 import { createForm, Field } from 'smorf';
 import { batch, createEffect, on, Show } from 'solid-js';
 import { WidgetConfig } from 'zebar';
+import { WidgetCachingSubform } from './WidgetCachingSubform';
 
 export interface WidgetConfigFormProps {
   config: WidgetConfig;
@@ -182,6 +183,11 @@ export function WidgetConfigForm(props: WidgetConfigFormProps) {
               />
             )}
           </Field>
+
+          <WidgetCachingSubform
+            value={configForm.value.caching}
+            onChange={value => configForm.setFieldValue('caching', value)}
+          />
         </CardContent>
       </Card>
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e633a071..39417ae6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -80,8 +80,8 @@ importers:
   packages/settings-ui:
     dependencies:
       '@glzr/components':
-        specifier: 1.0.2
-        version: 1.0.2(solid-js@1.9.3)
+        specifier: 1.1.0
+        version: 1.1.0(solid-js@1.9.3)
       '@solidjs/router':
         specifier: 0.14.8
         version: 0.14.8(solid-js@1.9.3)
@@ -734,8 +734,8 @@ packages:
   '@floating-ui/utils@0.2.8':
     resolution: {integrity: sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==}
 
-  '@glzr/components@1.0.2':
-    resolution: {integrity: sha512-lpnj/mn05tMciI9TQH57VjyM5VdHpA14HHM89sCbpvMVYOxzI67DU+UxnjhWyLG5Ea7RX1sBUS2iR9fcmAsh7Q==}
+  '@glzr/components@1.1.0':
+    resolution: {integrity: sha512-KTsF5TumJMwvieJlLFnvpfZAK5ehavJRNsK9/0mTazE2qlR9b0yxUiNeP8/m8oZRhpXUajyVFocE+O8JVEfyuA==}
     peerDependencies:
       solid-js: '>=1.7.0'
 
@@ -2631,7 +2631,7 @@ snapshots:
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@glzr/components@1.0.2(solid-js@1.9.3)':
+  '@glzr/components@1.1.0(solid-js@1.9.3)':
     dependencies:
       '@corvu/drawer': 0.2.2(solid-js@1.9.3)
       '@corvu/resizable': 0.2.3(solid-js@1.9.3)
diff --git a/resources/widget-schema.json b/resources/widget-schema.json
index b786be23..f176c64e 100644
--- a/resources/widget-schema.json
+++ b/resources/widget-schema.json
@@ -22,6 +22,28 @@
     "transparent": {
       "type": "boolean"
     },
+    "caching": {
+      "type": "object",
+      "properties": {
+        "defaultDuration": {
+          "type": "integer"
+        },
+        "rules": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "urlRegex": {
+                "type": "string"
+              },
+              "duration": {
+                "type": "integer"
+              }
+            }
+          }
+        }
+      }
+    },
     "presets": {
       "type": "array",
       "items": [