diff --git a/docs/config.json b/docs/config.json
index 71663d0..a2980a2 100644
--- a/docs/config.json
+++ b/docs/config.json
@@ -1,4 +1,5 @@
 {
+  "$schema": "https://raw.githubusercontent.com/TanStack/tanstack.com/main/tanstack-docs-config.schema.json",
   "docSearch": {
     "appId": "FQ0DQ6MA3C",
     "apiKey": "8264730bab8a9b7fa6a0c85761d7a3fe",
@@ -21,64 +22,71 @@
           "to": "quick-start"
         }
       ]
-    },
-    {
-      "label": "Adapters",
-      "children": [
-        {
-          "label": "React",
-          "to": "adapters/react-ranger"
-        }
-      ]
-    },
-    {
-      "label": "React Ranger",
-      "children": [
-        {
-          "label": "Basic",
-          "to": "api/react/basic"
-        },
-        {
-          "label": "Custom Steps",
-          "to": "api/react/custom-steps"
-        },
-        {
-          "label": "Custom Styles",
-          "to": "api/react/custom-styles"
-        },
-        {
-          "label": "Logarithmic Interpolator",
-          "to": "api/react/logarithmic-interpolator"
-        },
-        {
-          "label": "Update on Drag",
-          "to": "api/react/update-on-drag"
-        }
-      ]
-    },
+    }
+  ],
+  "frameworkMenus": [
     {
-      "label": "React Examples",
-      "children": [
-        {
-          "label": "Basic",
-          "to": "examples/react/basic?file=src%2Fmain.tsx"
-        },
+      "framework": "react",
+      "menuItems": [
         {
-          "label": "Custom Steps",
-          "to": "examples/react/custom-steps?file=src%2Fmain.tsx"
+          "label": "Adapters",
+          "children": [
+            {
+              "label": "React Ranger",
+              "to": "framework/react/react-ranger"
+            }
+          ]
         },
         {
-          "label": "Custom Styles",
-          "to": "examples/react/custom-styles?file=src%2Fmain.tsx"
+          "label": "API Reference",
+          "children": [
+            {
+              "label": "Basic",
+              "to": "framework/react/api/basic"
+            },
+            {
+              "label": "Custom Steps",
+              "to": "framework/react/api/custom-steps"
+            },
+            {
+              "label": "Custom Styles",
+              "to": "framework/react/api/custom-styles"
+            },
+            {
+              "label": "Logarithmic Interpolator",
+              "to": "framework/react/api/logarithmic-interpolator"
+            },
+            {
+              "label": "Update on Drag",
+              "to": "framework/react/api/update-on-drag"
+            }
+          ]
         },
         {
-          "label": "Logarithmic Interpolator",
-          "to": "examples/react/logarithmic-interpolator?file=src%2Fmain.tsx"
-        },
-        {
-          "label": "Update on Drag",
-          "to": "examples/react/update-on-drag?file=src%2Fmain.tsx"
-        }
+          "label": "Examples",
+          "children": [
+            {
+              "label": "Basic",
+              "to": "framework/react/examples/basic"
+            },
+            {
+              "label": "Custom Steps",
+              "to": "framework/react/examples/custom-steps"
+            },
+            {
+              "label": "Custom Styles",
+              "to": "framework/react/examples/custom-styles"
+            },
+            {
+              "label": "Logarithmic Interpolator",
+              "to": "framework/react/examples/logarithmic-interpolator"
+            },
+            {
+              "label": "Update on Drag",
+              "to": "framework/react/examples/update-on-drag"
+            }
+          ]
+        }    
       ]
     }
   ]
diff --git a/docs/examples.mdx b/docs/examples.mdx
deleted file mode 100644
index fca243c..0000000
--- a/docs/examples.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
----
-name: Examples
-route: /examples
----
-
-# React Examples
-- [**Basic**](./examples/react/basic) - Basic usage of react ranger.
-- [**Custom Steps**](./examples/react/custom-steps) - Customization of steps and ticks.
-- [**Custom Styles **](./examples/react/custom-styles) - Customizing styles with `styled-components`.
-- [**Update On Drag**](./examples/react/update-on-drag) - Updating ranger value on drag.
-- [**Logarithmic Interpolator**](./examples/react/logarithmic-interpolator) - Updating ranger value on drag.
-
-* Want to add another example? [Submit a PR!](https://github.com/tanstack/ranger/compare)
diff --git a/docs/examples/react/basic.mdx b/docs/examples/react/basic.mdx
deleted file mode 100644
index 4119089..0000000
--- a/docs/examples/react/basic.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-id: basic
-title: Basic
-toc: false
----
-
-- [Open in CodeSandbox](https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/basic)
-- [View Source](https://github.com/TanStack/ranger/tree/master/examples/react)
-
-<iframe
-  src="https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/basic?autoresize=1&fontsize=14&theme=dark"
-  title="TanStack/ranger/react: basic"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-  style={{
-    width: '100%',
-    height: '80vh',
-    border: '0',
-    borderRadius: 8,
-    overflow: 'hidden',
-    position: 'static',
-    zIndex: 0,
-  }}
-></iframe>
diff --git a/docs/examples/react/custom-steps.mdx b/docs/examples/react/custom-steps.mdx
deleted file mode 100644
index e91929a..0000000
--- a/docs/examples/react/custom-steps.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-id: custom steps
-title: Custom Steps
-toc: false
----
-
-- [Open in CodeSandbox](https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/custom-steps)
-- [View Source](https://github.com/TanStack/ranger/tree/master/examples/react/custom-steps)
-
-<iframe
-  src="https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/custom-steps?autoresize=1&fontsize=14&theme=dark"
-  title="TanStack/ranger/react: custom-steps"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-  style={{
-    width: '100%',
-    height: '80vh',
-    border: '0',
-    borderRadius: 8,
-    overflow: 'hidden',
-    position: 'static',
-    zIndex: 0,
-  }}
-></iframe>
diff --git a/docs/examples/react/custom-styles.mdx b/docs/examples/react/custom-styles.mdx
deleted file mode 100644
index 3fc5ca4..0000000
--- a/docs/examples/react/custom-styles.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-id: custom styles
-title: Custom Styles
-toc: false
----
-
-- [Open in CodeSandbox](https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/custom-styles)
-- [View Source](https://github.com/TanStack/ranger/tree/master/examples/react/custom-styles)
-
-<iframe
-  src="https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/custom-styles?autoresize=1&fontsize=14&theme=dark"
-  title="TanStack/ranger/react: custom-styles"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-  style={{
-    width: '100%',
-    height: '80vh',
-    border: '0',
-    borderRadius: 8,
-    overflow: 'hidden',
-    position: 'static',
-    zIndex: 0,
-  }}
-></iframe>
diff --git a/docs/examples/react/logarithmic-interpolator.mdx b/docs/examples/react/logarithmic-interpolator.mdx
deleted file mode 100644
index 8e9fd25..0000000
--- a/docs/examples/react/logarithmic-interpolator.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-id: basic
-title: Basic
-toc: false
----
-
-- [Open in CodeSandbox](https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/logarithmic-interpolator)
-- [View Source](https://github.com/TanStack/ranger/tree/beta/examples/react/logarithmic-interpolator)
-
-<iframe
-  src="https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/logarithmic-interpolator?autoresize=1&fontsize=14&theme=dark"
-  title="TanStack/ranger/react: logarithmic-interpolator"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-  style={{
-    width: '100%',
-    height: '80vh',
-    border: '0',
-    borderRadius: 8,
-    overflow: 'hidden',
-    position: 'static',
-    zIndex: 0,
-  }}
-></iframe>
diff --git a/docs/examples/react/update-on-drag.mdx b/docs/examples/react/update-on-drag.mdx
deleted file mode 100644
index 7ea1f3c..0000000
--- a/docs/examples/react/update-on-drag.mdx
+++ /dev/null
@@ -1,23 +0,0 @@
----
-id: update on drag
-title: Update on Drag
-toc: false
----
-
-- [Open in CodeSandbox](https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/update-on-drag)
-- [View Source](https://github.com/TanStack/ranger/tree/master/examples/react/update-on-drag)
-
-<iframe
-  src="https://codesandbox.io/s/github/TanStack/ranger/tree/master/examples/react/update-on-drag?autoresize=1&fontsize=14&theme=dark"
-  title="TanStack/ranger/react: update-on-drag"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
-  style={{
-    width: '100%',
-    height: '80vh',
-    border: '0',
-    borderRadius: 8,
-    overflow: 'hidden',
-    position: 'static',
-    zIndex: 0,
-  }}
-></iframe>
diff --git a/docs/api/react/basic.md b/docs/framework/react/api/basic.md
similarity index 100%
rename from docs/api/react/basic.md
rename to docs/framework/react/api/basic.md
diff --git a/docs/api/react/custom-steps.md b/docs/framework/react/api/custom-steps.md
similarity index 100%
rename from docs/api/react/custom-steps.md
rename to docs/framework/react/api/custom-steps.md
diff --git a/docs/api/react/custom-styles.md b/docs/framework/react/api/custom-styles.md
similarity index 100%
rename from docs/api/react/custom-styles.md
rename to docs/framework/react/api/custom-styles.md
diff --git a/docs/api/react/logarithmic-interpolator.md b/docs/framework/react/api/logarithmic-interpolator.md
similarity index 100%
rename from docs/api/react/logarithmic-interpolator.md
rename to docs/framework/react/api/logarithmic-interpolator.md
diff --git a/docs/api/react/update-on-drag.md b/docs/framework/react/api/update-on-drag.md
similarity index 100%
rename from docs/api/react/update-on-drag.md
rename to docs/framework/react/api/update-on-drag.md
diff --git a/docs/adapters/react-ranger.md b/docs/framework/react/react-ranger.md
similarity index 100%
rename from docs/adapters/react-ranger.md
rename to docs/framework/react/react-ranger.md