diff --git a/sites/docs/src/content/utilities/animation-frames.md b/sites/docs/src/content/utilities/animation-frames.md
index b40ffabc..d654bbed 100644
--- a/sites/docs/src/content/utilities/animation-frames.md
+++ b/sites/docs/src/content/utilities/animation-frames.md
@@ -1,7 +1,7 @@
 ---
 title: AnimationFrames
 description: A wrapper for requestAnimationFrame with FPS control and frame metrics
-category: Browser
+category: Animation
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/context.md b/sites/docs/src/content/utilities/context.md
index 45adb2ed..dbb0129f 100644
--- a/sites/docs/src/content/utilities/context.md
+++ b/sites/docs/src/content/utilities/context.md
@@ -3,7 +3,7 @@ title: Context
 description:
   A wrapper around Svelte's Context API that provides type safety and improved ergonomics for
   sharing data between components.
-category: Utilities
+category: State
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/is-focus-within.md b/sites/docs/src/content/utilities/is-focus-within.md
index 6cb68162..4eb9c015 100644
--- a/sites/docs/src/content/utilities/is-focus-within.md
+++ b/sites/docs/src/content/utilities/is-focus-within.md
@@ -3,7 +3,7 @@ title: IsFocusWithin
 description:
   A utility that tracks whether any descendant element has focus within a specified container
   element.
-category: Utilities
+category: Elements
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/is-idle.md b/sites/docs/src/content/utilities/is-idle.md
index 77854abe..37cd852d 100644
--- a/sites/docs/src/content/utilities/is-idle.md
+++ b/sites/docs/src/content/utilities/is-idle.md
@@ -1,7 +1,7 @@
 ---
 title: IsIdle
 description: Track if a user is idle and the last time they were active.
-category: Utilities
+category: Sensors
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/is-in-viewport.md b/sites/docs/src/content/utilities/is-in-viewport.md
index 5c56231f..dcc58dd3 100644
--- a/sites/docs/src/content/utilities/is-in-viewport.md
+++ b/sites/docs/src/content/utilities/is-in-viewport.md
@@ -1,7 +1,7 @@
 ---
 title: IsInViewport
-description: N/A
-category: Utilities
+description: Track if an element is visible within the current viewport.
+category: Elements
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/pressed-keys.md b/sites/docs/src/content/utilities/pressed-keys.md
index e15482cd..eb0d63bd 100644
--- a/sites/docs/src/content/utilities/pressed-keys.md
+++ b/sites/docs/src/content/utilities/pressed-keys.md
@@ -1,7 +1,7 @@
 ---
 title: PressedKeys
 description: Tracks which keys are currently pressed
-category: Browser
+category: Sensors
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/use-geolocation.md b/sites/docs/src/content/utilities/use-geolocation.md
index 61370c1a..7cb40c9f 100644
--- a/sites/docs/src/content/utilities/use-geolocation.md
+++ b/sites/docs/src/content/utilities/use-geolocation.md
@@ -1,7 +1,7 @@
 ---
 title: useGeolocation
 description: Reactive access to the browser's Geolocation API.
-category: Browser
+category: Sensors
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/use-intersection-observer.md b/sites/docs/src/content/utilities/use-intersection-observer.md
index de112aaf..d7ea717e 100644
--- a/sites/docs/src/content/utilities/use-intersection-observer.md
+++ b/sites/docs/src/content/utilities/use-intersection-observer.md
@@ -1,7 +1,7 @@
 ---
 title: useIntersectionObserver
 description: Watch for intersection changes of a target element.
-category: Browser
+category: Elements
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/use-mutation-observer.md b/sites/docs/src/content/utilities/use-mutation-observer.md
index f25f45c7..cdff6b22 100644
--- a/sites/docs/src/content/utilities/use-mutation-observer.md
+++ b/sites/docs/src/content/utilities/use-mutation-observer.md
@@ -1,7 +1,7 @@
 ---
 title: useMutationObserver
 description: Observe changes in an element
-category: Browser
+category: Elements
 ---
 
 <script>
diff --git a/sites/docs/src/content/utilities/use-resize-observer.md b/sites/docs/src/content/utilities/use-resize-observer.md
index f94b2ea0..2bc2ae6d 100644
--- a/sites/docs/src/content/utilities/use-resize-observer.md
+++ b/sites/docs/src/content/utilities/use-resize-observer.md
@@ -1,7 +1,7 @@
 ---
 title: useResizeObserver
 description: Detects changes in the size of an element
-category: Browser
+category: Elements
 ---
 
 <script>
diff --git a/sites/docs/src/lib/config/navigation.ts b/sites/docs/src/lib/config/navigation.ts
index 1c6b7973..3375560c 100644
--- a/sites/docs/src/lib/config/navigation.ts
+++ b/sites/docs/src/lib/config/navigation.ts
@@ -18,6 +18,8 @@ const elementsSection = docs.filter((doc) => doc.category === "Elements").map(do
 const browserSection = docs.filter((doc) => doc.category === "Browser").map(docToNavItem);
 const componentSection = docs.filter((doc) => doc.category === "Component").map(docToNavItem);
 const utilitiesSection = docs.filter((doc) => doc.category === "Utilities").map(docToNavItem);
+const animationSection = docs.filter((doc) => doc.category === "Animation").map(docToNavItem);
+const sensorsSection = docs.filter((doc) => doc.category === "Sensors").map(docToNavItem);
 
 export const navigation = defineNavigation({
 	anchors: [
@@ -59,12 +61,20 @@ export const navigation = defineNavigation({
 			items: browserSection,
 		},
 		{
-			title: "Component",
-			items: componentSection,
+			title: "Sensors",
+			items: sensorsSection,
+		},
+		{
+			title: "Animation",
+			items: animationSection,
 		},
 		{
 			title: "Utilities",
 			items: utilitiesSection,
 		},
+		{
+			title: "Component",
+			items: componentSection,
+		},
 	].filter((item) => item.items.length),
 });
diff --git a/sites/docs/velite.config.js b/sites/docs/velite.config.js
index 64cc7874..8eff8984 100644
--- a/sites/docs/velite.config.js
+++ b/sites/docs/velite.config.js
@@ -17,6 +17,8 @@ const baseSchema = s.object({
 		"Component",
 		"Utilities",
 		"Anchor",
+		"Animation",
+		"Sensors",
 	]),
 });