diff --git a/app/Enums/Examples/Ui/Link.php b/app/Enums/Examples/Ui/Link.php
index 7733cc3a..73f12a70 100644
--- a/app/Enums/Examples/Ui/Link.php
+++ b/app/Enums/Examples/Ui/Link.php
@@ -113,6 +113,19 @@ class Link
             :color="null" />
     HTML;
 
+    public const NAVIGATE = <<<'HTML'
+    <!-- For `wire:navigate` -->
+    <x-link :href="route('route-name-goes-here')" 
+            text="Navigate" 
+            navigate />
+
+    <!-- For `wire:navigate.hover` -->
+    <x-link :href="route('route-name-goes-here')" 
+            text="Navigate Hover" 
+            navigate-hover />
+    HTML;
+
+
     public const PERSONALIZATION = <<<'HTML'
     TallStackUi::personalize()
         ->link()
diff --git a/composer.lock b/composer.lock
index fa2f17e9..81fd7387 100644
--- a/composer.lock
+++ b/composer.lock
@@ -1052,16 +1052,16 @@
         },
         {
             "name": "laravel/framework",
-            "version": "v11.13.0",
+            "version": "v11.14.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/laravel/framework.git",
-                "reference": "92deaa4f037ff100e36809443811301819a8cf84"
+                "reference": "657e8464e13147d56bc3a399115c8c26f38d4821"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/laravel/framework/zipball/92deaa4f037ff100e36809443811301819a8cf84",
-                "reference": "92deaa4f037ff100e36809443811301819a8cf84",
+                "url": "https://api.github.com/repos/laravel/framework/zipball/657e8464e13147d56bc3a399115c8c26f38d4821",
+                "reference": "657e8464e13147d56bc3a399115c8c26f38d4821",
                 "shasum": ""
             },
             "require": {
@@ -1114,6 +1114,7 @@
             },
             "provide": {
                 "psr/container-implementation": "1.1|2.0",
+                "psr/log-implementation": "1.0|2.0|3.0",
                 "psr/simple-cache-implementation": "1.0|2.0|3.0"
             },
             "replace": {
@@ -1253,7 +1254,7 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2024-06-27T09:04:50+00:00"
+            "time": "2024-07-02T17:23:58+00:00"
         },
         {
             "name": "laravel/prompts",
@@ -1817,16 +1818,16 @@
         },
         {
             "name": "livewire/livewire",
-            "version": "v3.5.1",
+            "version": "v3.5.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/livewire/livewire.git",
-                "reference": "da044261bb5c5449397f18fda3409f14acf47c0a"
+                "reference": "636725c1f87bc7844dd80277488268db27eec1aa"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/livewire/livewire/zipball/da044261bb5c5449397f18fda3409f14acf47c0a",
-                "reference": "da044261bb5c5449397f18fda3409f14acf47c0a",
+                "url": "https://api.github.com/repos/livewire/livewire/zipball/636725c1f87bc7844dd80277488268db27eec1aa",
+                "reference": "636725c1f87bc7844dd80277488268db27eec1aa",
                 "shasum": ""
             },
             "require": {
@@ -1881,7 +1882,7 @@
             "description": "A front-end framework for Laravel.",
             "support": {
                 "issues": "https://github.com/livewire/livewire/issues",
-                "source": "https://github.com/livewire/livewire/tree/v3.5.1"
+                "source": "https://github.com/livewire/livewire/tree/v3.5.2"
             },
             "funding": [
                 {
@@ -1889,7 +1890,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-06-18T11:10:42+00:00"
+            "time": "2024-07-03T17:22:45+00:00"
         },
         {
             "name": "livewire/volt",
@@ -5557,16 +5558,16 @@
         },
         {
             "name": "tallstackui/tallstackui",
-            "version": "v1.32.0",
+            "version": "v1.32.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/tallstackui/tallstackui.git",
-                "reference": "e92c2ed819f8e50d4f1481c68706eeb6c11a6a75"
+                "reference": "d81cbfbe818f3d52d498d859fbe5008dbe9077a3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/tallstackui/tallstackui/zipball/e92c2ed819f8e50d4f1481c68706eeb6c11a6a75",
-                "reference": "e92c2ed819f8e50d4f1481c68706eeb6c11a6a75",
+                "url": "https://api.github.com/repos/tallstackui/tallstackui/zipball/d81cbfbe818f3d52d498d859fbe5008dbe9077a3",
+                "reference": "d81cbfbe818f3d52d498d859fbe5008dbe9077a3",
                 "shasum": ""
             },
             "require": {
@@ -5610,7 +5611,7 @@
             "description": "TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.",
             "support": {
                 "issues": "https://github.com/tallstackui/tallstackui/issues",
-                "source": "https://github.com/tallstackui/tallstackui/tree/v1.32.0"
+                "source": "https://github.com/tallstackui/tallstackui/tree/v1.32.2"
             },
             "funding": [
                 {
@@ -5618,7 +5619,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-07-02T14:29:38+00:00"
+            "time": "2024-07-05T04:19:53+00:00"
         },
         {
             "name": "tijsverkoyen/css-to-inline-styles",
@@ -9335,16 +9336,16 @@
         },
         {
             "name": "spatie/laravel-ray",
-            "version": "1.36.3",
+            "version": "1.37.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/spatie/laravel-ray.git",
-                "reference": "9becea4bf279d9bc5e11f89ef36894239d2be60e"
+                "reference": "f57b294a3815be37effa9d13f54f2fbe5a2fff37"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/spatie/laravel-ray/zipball/9becea4bf279d9bc5e11f89ef36894239d2be60e",
-                "reference": "9becea4bf279d9bc5e11f89ef36894239d2be60e",
+                "url": "https://api.github.com/repos/spatie/laravel-ray/zipball/f57b294a3815be37effa9d13f54f2fbe5a2fff37",
+                "reference": "f57b294a3815be37effa9d13f54f2fbe5a2fff37",
                 "shasum": ""
             },
             "require": {
@@ -9406,7 +9407,7 @@
             ],
             "support": {
                 "issues": "https://github.com/spatie/laravel-ray/issues",
-                "source": "https://github.com/spatie/laravel-ray/tree/1.36.3"
+                "source": "https://github.com/spatie/laravel-ray/tree/1.37.0"
             },
             "funding": [
                 {
@@ -9418,7 +9419,7 @@
                     "type": "other"
                 }
             ],
-            "time": "2024-07-02T13:33:54+00:00"
+            "time": "2024-07-03T08:48:44+00:00"
         },
         {
             "name": "spatie/macroable",
diff --git a/contents/on-this-page.json b/contents/on-this-page.json
index 7723ea8b..7fda98c5 100644
--- a/contents/on-this-page.json
+++ b/contents/on-this-page.json
@@ -312,7 +312,8 @@
         "3": "Target Blank & Style Options",
         "4": "Query String & Fragment Options",
         "5": "Color Variations",
-        "6": "Without Color"
+        "6": "Without Color",
+        "7": "Livewire SPA Navigation"
     },
     "docs.ui.loading": {
         "0": "Concept",
diff --git a/resources/views/documentation/ui/link.blade.php b/resources/views/documentation/ui/link.blade.php
index 22a8ccf4..7fc02ce3 100644
--- a/resources/views/documentation/ui/link.blade.php
+++ b/resources/views/documentation/ui/link.blade.php
@@ -105,4 +105,12 @@
             </div>
         </x-preview>
     </x-section>
+    <x-section title="Livewire SPA Navigation" description="An option to easily add Livewire 3 navigation effects in SPA mode." new>
+        <x-preview language="blade" :contents="$navigate">
+            <div class="flex flex-col gap-x-2">
+                <x-link :href="route('documentation.ui.link')" text="Navigate" navigate />
+                <x-link :href="route('documentation.ui.link')" text="Navigate Hover" navigate-hover />
+            </div>
+        </x-preview>
+    </x-section>
 </x-layout>