WebXR Immersive

Build web-based AR and VR with the WebXR Device API. Access XR sessions and reference spaces directly from the browser, handle controllers and hand input, and render immersive scenes that run on headsets and phones without an app install.

This skill helps you create AR and VR experiences that run in the browser via the WebXR Device API. It requests immersive and inline sessions, sets up reference spaces, reads controller and hand-tracking input, drives the XR render loop, and integrates with WebGL/Three.js — so immersive content ships to headsets and mobile devices straight from a URL.

When to use

Use when building browser-based AR/VR with WebXR — requesting XR sessions, managing reference spaces, handling controllers or hand tracking, driving the XR frame loop, or rendering immersive 3D scenes on headsets and phones.

Examples

Start an immersive VR session

Request and enter WebXR

Set up a WebXR immersive-vr session with a local-floor reference space and a render loop that draws a simple scene to the headset

Handle controller input

Read XR input sources

Add WebXR controller handling that raycasts from each hand and lets the user grab and move objects with the trigger button

AR hit testing

Place content on real surfaces

Implement WebXR AR hit-testing so a tapped point places a 3D model anchored to a detected real-world surface on a phone