diff --git a/README.md b/README.md
index 8af7b9f..44138d8 100644
--- a/README.md
+++ b/README.md
@@ -18,23 +18,17 @@ p5.xr is an add-on for [p5.js](https://p5js.org/), a Javascript library that mak
 
 p5.xr sketches can be run with [p5's online editor.](https://editor.p5js.org/) All of the existing p5 functionality works, and in addition, p5.xr allows you to:
 - __Virtual Reality__
-  - Run any 2D or 3D p5 sketch in mobile VR with Google Cardboard
-  - Do the above but with Desktop VR (Vive and Oculus)
+  - Run any 2D or 3D p5 sketch in VR ( mobile, desktop or standalone device )
 
 - __Augmented Reality__
-  - Make sketches that use Augmented Reality with any device that supports ARCore.
-  - Use marker-based AR on any mobile device <small><em>Coming Soon</em></small>
-  - Set anchors and detects planes in your environment --- <small><em>Coming Soon</em></small>
-
-- __Raycasting__
-  - Do some simple raycasting for gaze-based interaction in both AR and VR
+  - Make sketches that use Augmented Reality with any device that supports immersive AR Session 
 
 ## Getting Started
-1. Use the [the most recent version of p5.js](https://p5js.org/download/) or at least version `1.7.0`.
+1. Use the [the most recent version of p5.js](https://p5js.org/download/) 
 2. Check out the [Device and Browser Support Section](https://stalgiag.github.io/p5.xr/#/quick-start/device-support).
 3. Add p5.xr to your project. This can be done most easily by adding the script link to a CDN in the `<head>` of your HTML file underneath the p5 link:
     ```
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.2/p5.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/p5.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/p5.xr/dist/p5xr.min.js"></script>
     ```
 4. Change the `createCanvas()` call in your p5 WEBGL sketch to `createVRCanvas()` and put it in `preload()` -or-
diff --git a/docs/README.md b/docs/README.md
index 3134085..831ff6e 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -9,19 +9,18 @@ p5.xr is an add-on for [p5.js](https://p5js.org/), a Javascript library that mak
 
 p5.xr sketches can be run with [p5's online editor.](https://editor.p5js.org/) All of the existing p5 functionality works, and in addition, p5.xr allows you to:
 - __Virtual Reality__
-  - Run any 2D or 3D p5 sketch in mobile VR with Google Cardboard
-  - Do the above but with Desktop VR (Vive and Oculus)
+  - Run any 2D or 3D p5 sketch in VR ( mobile, desktop or standalone device )
 
-- __Augmented Reality__ <small><em>All AR features are waiting for the AR module spec to be implemented in browsers</em></small>
-  - Make sketches that use Augmented Reality with any device that supports ARCore. <small><em>Coming Soon</em></small>
-  - Use marker-based AR on any mobile device <small><em>Coming Soon</em></small>
-  - Set anchors and detects planes in your environment --- <small><em>Coming Soon</em></small>
-
-- __Raycasting__
-  - Do some simple raycasting for gaze-based interaction in both AR and VR
+- __Augmented Reality__
+  - Make sketches that use Augmented Reality with any device that supports immersive AR Session 
 
 ## Getting Started
-1. Make sure that you have [the most recent version of p5.js](https://p5js.org/download/).
+1. Use the [the most recent version of p5.js](https://p5js.org/download/) 
 2. Check out the [Device and Browser Support Section](https://stalgiag.github.io/p5.xr/#/quick-start/device-support).
-3. [Try out one of the Examples](https://stalgiag.github.io/p5.xr/#/quick-start/examples)!
-4. Check out the [Releases section of the Github repo](https://github.com/stalgiag/p5.xr/releases) if you want to run this locally.
+3. Add p5.xr to your project. This can be done most easily by adding the script link to a CDN in the `<head>` of your HTML file underneath the p5 link:
+    ```
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.10.0/p5.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/p5.xr/dist/p5xr.min.js"></script>
+    ```
+4. Change the `createCanvas()` call in your p5 WEBGL sketch to `createVRCanvas()` and put it in `preload()` -or-
+5. [Try out one of the Examples](https://stalgiag.github.io/p5.xr/#/quick-start/examples)!
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
index 83cd727..01a5ca0 100644
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@@ -2,9 +2,10 @@
 - __GENERAL__
   - [General Info](README.md)
   - [Community](general/community.md)
+
 ***
 - __QUICK START__
-  - [Device and Browser Support](quick-start/device-support.md)
+  - [Device and Browser Support](webxr-test.html)
   - [Examples](quick-start/examples.md)
 ***
 - __REFERENCE__
diff --git a/docs/index.html b/docs/index.html
index 0b9f966..b9a4549 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -34,7 +34,7 @@
     <script>
       window.$docsify = {
         auto2top: true,
-        coverpage: true,
+        coverpage: false,
         executeScript: true,
         subMaxLevel: 2,
         loadSidebar: true,
diff --git a/docs/quick-start/device-support.md b/docs/quick-start/device-support.md
deleted file mode 100644
index 683bd4d..0000000
--- a/docs/quick-start/device-support.md
+++ /dev/null
@@ -1,24 +0,0 @@
-## VR 
-
-### Device Support for VR
-Android, HTC Vive, Valve Index, and Oculus Quest 1 & 2
-If you need iOS support reach out to me and I can update you when it is back
-
-### Browser Support for VR
-Chrome 78+ on Android
-Chrome and Chromium (Brave, Edge, etc) on Desktop
-
-## AR
-
-### Device Support for AR
-Android only, iOS support may come in the future
-
-### Browser Support for AR
-Any [Android device that can run ARCORE](https://developers.google.com/ar/discover/supported-devices)
-Chrome 78+ with [setup](#ar-setup-for-chrome-arcore)
-
-1. Type `chrome://flags/` into Chrome's URL field
-2. Type `webxr` in the search field
-3. Set the dropdown next to `WebXR Device API` to `Enabled`
-4. Go to your sketch, when entering AR for the first time you may be prompted to download `ARCore Utilities` in the Play Store which is a free download
-
diff --git a/docs/webxr-test.html b/docs/webxr-test.html
new file mode 100644
index 0000000..ba7da4d
--- /dev/null
+++ b/docs/webxr-test.html
@@ -0,0 +1,305 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Permissions-Policy" content="light-estimation=(self)" />
+
+    <title>WebXR Support Test</title>
+  </head>
+  <body>
+    <h2>Device Support Test</h2>
+    <p>
+      This page shows if your device supports WebXR, the technology behind
+      p5.xr. To test specific features, click on one of the test buttons below
+      to try starting an XRSession to see available features.
+    </p>
+    <p><strong>WebXR Supported:</strong> <span id="webxr-support"></span></p>
+    <p>
+      <strong>Immersive AR Supported:</strong>
+      <span id="immersive-ar-support"></span>
+      <button id="btn-immersive-ar">Test features</button>
+    </p>
+    <p>
+      <span id="immersive-ar-features"></span>
+    </p>
+    <p>
+      <strong>Immersive VR Supported:</strong>
+      <span id="immersive-vr-support"></span>
+      <button id="btn-immersive-vr">Test features</button>
+    </p>
+    <p>
+      <span id="immersive-vr-features"></span>
+    </p>
+    <p>
+      Alternatevely you can try to
+      <button id="btn-individual">Test individual features</button>
+    </p>
+    <div
+      id="button-container"
+      style="
+        display: none;
+        flex-direction: column;
+        gap: 0.5rem;
+      "
+    ></div>
+    <div id="xr-overlay"></div>
+    <p>
+      If you need browser support information for browsers and devices other
+      than the one you are currently testing, please refer to the
+      <a href="https://immersiveweb.dev/#supporttable"
+        >Immersive Web Support Table</a
+      >.
+    </p>
+    <h2>Device Support Overview</h2>
+    <p>
+      <strong>Mobile Devices:</strong> VR works with headsets like Google
+      Cardboard, displaying side-by-side scenes and tracking movement. AR
+      utilizes platform features (like ARCore) to blend 3D scenes with the real
+      world. <strong>Mobile iOS devices are not currently supported.</strong>
+    </p>
+    <p>
+      <strong>Desktop Computers:</strong> Supports tethered VR devices such as
+      Oculus Rift and HTC Vive for a fully immersive experience.
+    </p>
+    <p>
+      <strong>Standalone Headsets:</strong> Devices like the Oculus Quest or
+      Apple Vision Pro combine AR and VR capabilities. These headsets can
+      project 3D scenes into your environment (AR) or render immersive virtual
+      experiences using their native VR features.
+    </p>
+    <p>
+      <strong>Emulator:</strong> The Immersive Web Emulator simulates a
+      supported device, allowing you to test and debug VR and AR experiences
+      directly in your browser.
+    </p>
+    <p>
+      For the most up-to-date information, please refer to the
+      <a href="https://immersiveweb.dev/#supporttable"
+        >Immersive Web Support Table</a
+      >.
+    </p>
+    <script>
+      const sessionFeatures = [
+        'anchors',
+        'bounded-floor',
+        'depth-sensing',
+        'dom-overlay',
+        'hand-tracking',
+        'hit-test',
+        'layers',
+        'light-estimation',
+        'local',
+        'local-floor',
+        'secondary-views',
+        'unbounded',
+        'viewer',
+      ];
+
+      const modes = ['immersive-ar', 'immersive-vr'];
+
+      /**
+       * Immersive Web Emulator (v1.3.0) doesn't close it's injected canvas
+       * This canvas should not be created by something that's not done by the emulator
+       */
+      function emulatorCleanup() {
+        let element = document.querySelector('canvas[data-engine]');
+        if (element) {
+          element.parentElement?.remove();
+        }
+      }
+      let xrSession = null;
+
+      function testFeature(mode, feature, onSuccess, onFailure) {
+        if (xrSession) {
+          xrSession.end();
+        }
+        console.log(mode, feature, ' requested');
+        let session = navigator.xr
+          .requestSession(mode, {
+            requiredFeatures: [feature],
+            depthSensing: {
+              usagePreference: ['gpu-optimized', 'cpu-optimized'],
+              dataFormatPreference: [
+                'unsigned-short',
+                'float32',
+                'luminance-alpha',
+              ],
+            },
+            domOverlay: {
+              root: document.getElementById('xr-overlay'),
+            },
+          })
+          .then(
+            (session) => {
+              xrSession = session;
+              xrSession.addEventListener('end', function () {
+                emulatorCleanup();
+                xrSession = null;
+                onSuccess();
+              });
+              xrSession.end();
+            },
+            (error) => {
+              console.error(
+                `${mode} ${feature} not supported because ${error}`,
+              );
+              onFailure(error);
+            },
+          );
+      }
+
+      async function checkBasicSupport() {
+        const xrSupportSpan = document.getElementById('webxr-support');
+        const immersiveArSupportSpan = document.getElementById(
+          'immersive-ar-support',
+        );
+        const immersiveVrSupportSpan = document.getElementById(
+          'immersive-vr-support',
+        );
+        const buttonARFeatures = document.querySelector('#btn-immersive-ar');
+        const buttonVRFeatures = document.querySelector('#btn-immersive-vr');
+
+        const arSupported =
+          await navigator.xr?.isSessionSupported('immersive-ar');
+        const vrSupported =
+          await navigator.xr?.isSessionSupported('immersive-vr');
+
+        xrSupportSpan.textContent = navigator.xr ? 'Yes' : 'No';
+        immersiveArSupportSpan.textContent = arSupported ? '✅' : '❌';
+        buttonARFeatures.style.visibility = arSupported ? 'visible' : 'hidden';
+        immersiveVrSupportSpan.textContent = vrSupported ? '✅' : '❌';
+        buttonVRFeatures.style.visibility = vrSupported ? 'visible' : 'hidden';
+      }
+
+      function getTestFeatures() {
+        let testFeatures = [];
+        for (const mode of modes) {
+          for (const feature of sessionFeatures) {
+            testFeatures.push({ mode, feature });
+          }
+        }
+        const excludedCombinations = [
+          { mode: 'immersive-ar', feature: 'dom-overlay' },
+          { mode: 'immersive-vr', feature: 'dom-overlay' },
+          { mode: 'immersive-vr', feature: 'depth-sensing' },
+          { mode: 'immersive-vr', feature: 'anchors' },
+          { mode: 'immersive-vr', feature: 'light-estimation' },
+          { mode: 'immersive-vr', feature: 'unbounded' },
+        ];
+
+        testFeatures = testFeatures.filter(({ mode, feature }) => {
+          return !excludedCombinations.some(
+            (excluded) =>
+              excluded.mode === mode && excluded.feature === feature,
+          );
+        });
+        return testFeatures;
+      }
+
+      function createFeatureButtons() {
+        const testFeatures = getTestFeatures();
+        const buttonContainer = document.getElementById('button-container');
+        testFeatures.forEach((test) => {
+          const button = document.createElement('button');
+          button.innerText = `Test ${test.mode} with ${test.feature} `;
+
+          const statusIcon = document.createElement('span');
+          statusIcon.innerText = '🤔';
+          button.appendChild(statusIcon);
+          buttonContainer.appendChild(button);
+
+          button.addEventListener('click', function () {
+            testFeature(
+              test.mode,
+              test.feature,
+              function onSuccess() {
+                statusIcon.innerText = '✅';
+              },
+              function onFailure(err) {
+                statusIcon.innerText = '❌';
+                alert(err);
+              },
+            );
+          });
+        });
+      }
+
+      const startXrButton = document.getElementById('start-xr');
+      checkBasicSupport();
+      createFeatureButtons();
+
+      function testAllFeatures(mode, onSuccess, onFailure) {
+        let testFeatures = getTestFeatures();
+        testFeatures = testFeatures.filter((feature) => feature.mode === mode);
+        testFeatures = testFeatures.map((feature) => feature.feature);
+        let session = navigator.xr
+          .requestSession(mode, {
+            optionalFeatures: testFeatures,
+            depthSensing: {
+              usagePreference: ['gpu-optimized', 'cpu-optimized'],
+              dataFormatPreference: [
+                'unsigned-short',
+                'float32',
+                'luminance-alpha',
+              ],
+            },
+            domOverlay: {
+              root: document.getElementById('xr-overlay'),
+            },
+          })
+          .then(
+            (session) => {
+              xrSession = session;
+              let enabledFeatures = null;
+              xrSession.addEventListener('end', function () {
+                emulatorCleanup();
+                xrSession = null;
+                onSuccess(enabledFeatures);
+              });
+              enabledFeatures = xrSession.enabledFeatures;
+              xrSession.end();
+            },
+            (error) => {
+              console.error(`${mode} failed because ${error}`);
+              onFailure(error);
+            },
+          );
+      }
+
+      const buttonContainer = document.querySelector('#button-container');
+      const btnIndividualTest = document.querySelector('#btn-individual');
+
+      btnIndividualTest.addEventListener('click', function () {
+        buttonContainer.style.display = 'flex';
+      });
+
+      modes.forEach((mode) => {
+        let modeFeaturesTest = document.querySelector(`#btn-${mode}`);
+        let modeResults = document.querySelector(`#${mode}-features`);
+
+        modeFeaturesTest.addEventListener('click', function () {
+          testAllFeatures(
+            mode,
+            function onSuccess(enabledFeatures) {
+              let testFeatures = getTestFeatures();
+              testFeatures = testFeatures.filter(
+                (feature) => feature.mode === mode,
+              );
+              testFeatures = testFeatures.map((feature) => feature.feature);
+              testFeatures = testFeatures.map(
+                (feature) =>
+                  `${feature}${String.fromCharCode(160)}${enabledFeatures.includes(feature) ? '✅' : '❌'}`,
+              );
+              modeResults.innerText = testFeatures.join(', ');
+            },
+            function onFailure(err) {
+              console.error(err);
+              modeResults.innerText = `Test failed: ${err}`;
+            },
+          );
+        });
+      });
+    </script>
+  </body>
+</html>
