Building the Immersive Internet

The immersive internet is the web rendered in space. Instead of flat pages, you get 3D scenes you can look around, walk through, and interact with using hands, controllers, or gaze and pinch.

In 2026 it is no longer a demo. The core APIs have reached candidate recommendation, browsers ship them by default, and two headset families with very different trade-offs let you reach users without an app store install.

This guide explains what the immersive internet is, who should build for it, how the stack works today, where it helps and where it hurts, and how to ship your first WebXR experience with real constraints in mind.

What the immersive internet is

The immersive internet is the set of open web standards that let a browser display VR and AR.

The anchor is the WebXR Device API. It is maintained by the W3C Immersive Web Working Group, with co-chairs from Apple, Google and invitees including Meta. The spec abstract says it plainly: support for accessing VR and AR devices, including sensors and head-mounted displays, on the web. As of June 9, 2026 the spec is a W3C Candidate Recommendation Draft at https://www.w3.org/TR/webxr/, with an editor's draft at https://immersive-web.github.io/webxr/ and an implementation report at https://wpt.fyi/results/webxr. To move to Proposed Recommendation it needs two independent interoperable implementations that pass the test suite.

WebXR does not render by itself. It manages sessions, frames, views, and input, and you render with

WebGL or

WebGPU. WebGPU is a separate W3C API from the GPU for the Web Working Group. As of November 2025 it ships by default in Chrome 113+, Edge 113+, Firefox 141 on Windows and 145 on macOS Apple silicon, and Safari 26 on macOS, iOS, iPadOS and visionOS.

Three related pieces make experiences portable:

• OpenXR is the Khronos standard that browsers use under the hood to talk to headsets. OpenXR 1.1 shipped April 15, 2024 and consolidated many vendor extensions into core to reduce fragmentation. Chrome and Edge on Windows use OpenXR to support SteamVR, Windows Mixed Reality, and Quest via Link.
• glTF 2.0 is the Khronos runtime asset format for 3D models, often called the JPEG of 3D.

OpenUSD is Pixar's scene description for authoring and composition. The Metaverse Standards Forum runs a 3D Asset Interoperability working group where Khronos and the Alliance for OpenUSD (AOUSD) coordinate so assets authored in USD can distill to glTF for delivery without needless incompatibility. AOUSD announced its core specification roadmap in December 2023 with a liaison to Khronos.

• The Metaverse Standards Forum itself was launched in June 2022 by Khronos and incorporated as an independent consortium in April 2023. It is open to any organization, with free Participant access and paid Principal membership for governance. Its job is not to ship a single metaverse, but to create a wavefront of practical interoperability between existing standards.

Put together, the immersive internet is: WebXR for sessions and input, WebGPU/WebGL for rendering and compute, OpenXR for device abstraction, glTF and USD for assets, and the Forum and Khronos for keeping them aligned.

Who this is for

Build for the immersive internet if you match one of these:

• Web developers who already ship React or Three.js. You can add immersive views to an existing site without rewriting your stack or learning Unity. Product configurators, training walkthroughs, and data visualizations are good first use cases.
• 3D artists and technical artists. You already make glTF assets in Blender, Substance or Houdini. WebXR gives you direct delivery to headsets without packaging for each store.
• Ecommerce and education teams. Shopify documents WebXR as one way to turn a storefront into a showroom, especially for furniture, decor, eyewear and automotive where size and spatial context affect purchase decisions. Schools use the same path for lab simulations and virtual field trips.
• Enterprise teams with compliance constraints. Browser sandboxing, permission prompts for camera and spatial data, and link-based distribution fit security policies better than native app installs. Shopify's enterprise guide notes that small businesses can start with one room showrooms repurposed from existing 3D models.

This is not yet the right default if your audience is primarily iPhone Safari users or if you need high-end graphics that justify a native engine. iOS Safari and macOS Safari still do not implement WebXR. See the trade-offs below.

How it works

1. A session model

WebXR has three session modes defined in the spec:

• inline renders a 3D canvas in the regular page. No headset needed. Use it for 360 viewers on desktop and magic-window AR previews on phones.
• immersive-vr takes over the headset and renders stereoscopically at the device refresh rate. You supply two views per frame.
• immersive-ar keeps the real world visible and composites virtual content over it, using passthrough cameras where available.

You detect support at runtime. This is the correct pattern from the W3C explainer and MDN:

if (navigator.xr) {
  const vrOk = await navigator.xr.isSessionSupported('immersive-vr');
  const arOk = await navigator.xr.isSessionSupported('immersive-ar');
/ show Enter VR or Enter AR buttons based on vrOk / arOk
}

You request a session only on user activation, then create a WebGL or WebGPU layer and start the frame loop. The API enforces secure context and the xr-spatial-tracking permissions policy.

2. Rendering with WebGL and WebGPU

WebXR's primary rendering backend is WebGL, based on OpenGL ES. WebGPU is additive. Meta Quest Browser added experimental WebGPU plus WebXR depth projection in April 2026, and Chrome ships WebGPU on Windows, macOS and ChromeOS since 2023, on Android 12+ with Qualcomm or ARM GPUs since Chrome 121, and behind a flag on Linux. Safari 26 and Firefox 141 and 145 completed the major-browser set in 2025.

For most teams in 2026, ship with WebGL plus Three.js or Babylon.js and add a WebGPU path for compute-heavy work like physics or Gaussian splat rendering when the adapter is available. Feature detection is mandatory. You check for navigator.gpu, request an adapter, and fall back if it returns null.

3. Input and spatial understanding

WebXR modules are separate from the Device API and coverage varies, so code must probe each one:

• XRGamepads Module for controllers with trigger, grip, thumbstick and face buttons. Level 1 is a W3C Working Draft.
• Hand Input for joint positions, typically 25 joints per hand on Quest. Apple Vision Pro exposes hand joints through WebXR but not the full hand mesh for privacy.
• Hit Test to raycast against real surfaces and place objects on floors or tables. Available on Quest 3, Quest 3S, Quest Pro and Android AR, partially on visionOS.
• Anchors to pin virtual content to a physical pose, including persistent anchors on Quest that survive across sessions.
• Depth Sensing and

Plane Detection for occlusion and surface semantics. Quest 3 exposes horizontal and vertical planes with labels, plus CPU and GPU depth. visionOS is more restricted.

• Lighting Estimation to match virtual light to the room.

The W3C groups list all modules at https://www.w3.org/immersive-web/list_spec.html. Production code should never assume a module exists. Query the session for enabled features and provide a 2D fallback.

4. Asset delivery with glTF and USD

Author in USD, deliver in glTF is the working norm the Forum documents.

• USD handles composition, layering and high-fidelity authoring. Studios use it for large scenes with many references.
• glTF handles transmission. It carries PBR materials, animations, skinning, and extensions for physics rigid bodies, interactivity, node visibility, hoverability, selectability, audio graphs, and external references. Check the Khronos glTF Extensions Roadmap on GitHub for per-extension maturity. Recent ratified PBR extensions include KHR_materials_dispersion for prismatic transmission through clear volumes.

Khronos notes in October 2024 posts that workflows around external references and interoperability are meant to let teams compose multiple glTF assets without baking them into one file, similar to USD composition arcs.

Device Capabilities and Headsets in 2026

No single headset shows the full standard. Design for progressive enhancement where Quest gets the richest AR, Vision Pro gets the sharpest spatial UI, and desktop gets raw performance.

Device / Browser	Session types	Input	AR spatial modules	Display and silicon	WebXR notes
Meta Quest 3 and Quest 3S, Meta Quest Browser on Horizon OS	immersive-vr, immersive-ar with full color passthrough, inline	6DoF controllers, hand tracking 25 joints per hand, simultaneous controller plus hand on Quest 3	Hit test, plane detection with semantic labels, anchors including persistent, depth CPU and GPU, mesh detection	Quest 3: Snapdragon XR2 Gen 2, Adreno 740, 2064 x 2208 per eye, 90 Hz default 120 Hz optional. Quest 3S: XR2 Gen 2 with lower resolution display.	Most complete WebXR implementation. Lower texture and framebuffer limits than desktop Chrome. Releases tracked at developers.meta.com horizon documentation.
Meta Quest 2 and Quest Pro	immersive-vr, limited passthrough on Quest 2 grayscale	Controllers and hand tracking, eye tracking on Pro not exposed to WebXR	Same modules but reduced quality on Quest 2	XR2 Gen 1, 1832 x 1920 per eye, 72 or 90 Hz	Good for inline fallback testing but plan for GPU budget cuts versus Quest 3
Apple Vision Pro, Safari on visionOS 2 and visionOS 26	immersive-vr by default since visionOS 2, visionOS 1 required manual feature flag. No full immersive-ar module	Gaze and pinch via transient-pointer, hand joint positions, no controllers	Hit test available, plane detection and mesh limited versus Quest. Vision Pro adds its own room mapping via R1 chip and LiDAR outside WebXR	M2 chip, dual micro-OLED displays totaling about 23 million pixels across both eyes, 90 Hz with 96 and 100 Hz modes for video	Highest CPU and GPU headroom but extreme pixel count makes fragment shading expensive. Safari exposes WebXR Device API, Gamepads Module, Hand Input Module and AR Module behind the Immersive Web implementation that Apple co-chairs.
Desktop VR via Chrome 79+ or Edge 79+ on Windows with OpenXR	immersive-vr only. AR not exposed through desktop Chrome	Full 6DoF controller support, hand tracking if runtime provides it via Link	None via browser	Discrete GPU required, RTX 4070 class or better handles 90 or 120 Hz easily	Best raw performance. Bottleneck shifts to JS main thread, garbage collection pauses and draw call submission
Android Chrome 79+ with ARCore	immersive-ar handheld magic window, inline	Touch and device movement	Hit test, plane detection, anchors, Depth API on supported devices	Wide variance. Flagship Snapdragon 8 Gen 3 handles moderate scenes, mid-range throttles quickly	Not immersive head-tracked AR. Good for placing a product on a table from a link
iPhone and iPad Safari, macOS Safari	None	None	None	N/A	WebXR not implemented. Use USDZ Quick Look or model-viewer fallbacks

Browser coverage overall: Chromium browsers including Chrome, Edge, Opera, Samsung Internet and Meta Quest Browser ship WebXR enabled by default. visionOS Safari ships it enabled by default since June 2024. Firefox keeps WebXR disabled behind flags on all platforms. iOS Safari and macOS Safari remain unsupported as of the March 2026 Can I Use snapshot which reports global usage 0 percent plus 75.54 percent partial.

Trade-offs: what helps and what holds you back

Where the immersive internet helps:

• Distribution is link-based. No store approval, no install, instant updates. Teams can send a URL that opens the same scene on Quest, Vision Pro, and desktop. That alone removes a major funnel drop between seeing a product and trying it in 3D.
• One web codebase covers many headsets. Chrome, Edge, Quest Browser and visionOS Safari implement the same Device API, so a Three.js or Babylon.js app can target them with runtime feature checks instead of per-platform builds.
• Security and management fit the enterprise web. Permissions for sensors and cameras are explicit, sessions require user activation and secure context, and IT can gate access with existing identity systems.
• Tooling is familiar. WebXR samples, the Immersive Web GitHub, A-Frame, model-viewer, Needle Engine and browser XR simulators let web developers stay in VS Code and Chrome DevTools.

Where it is still limited:

• No iOS reach. If your customers are mostly on iPhone, you must design a parallel path with Quick Look or a native wrapper. 8th Wall and similar libraries bridge to ARKit but are not WebXR.
• Performance trails native engines for complex scenes. Browsers run JS on a single main thread and render twice per frame, once per eye. Forum and browser reports note lower max texture sizes, shader complexity limits, and garbage collection hitches on Quest. Desktop VR is less bound by GPU and more by JS execution and draw calls.
• Features are fragmented by module. An experience that needs depth occlusion or persistent anchors will work on Quest 3 and degrade to hit test only on visionOS or Android. Every module requires feature detection.
• Accessibility is unsolved for canvas-rendered 3D. Screen readers cannot inspect a WebGL scene graph, and there is no standard way to expose spatial semantics outside the canvas.
• Spec status is still Candidate Recommendation, not W3C Recommendation. Behavior at the edges can change between drafts, and Safari's implementation is newer and less battle-tested than Chromium's. Test on device before claiming support.

A practical framing from Toggle Tech Lab in January 2026 holds up: WebXR is already enough for education, training, product visualization and marketing, and the browser is often the right first choice. High-end gaming and heavy simulation still benefit from native.

How to build your first immersive web experience

This is a minimal path that works on Quest 3, Vision Pro, and desktop with one codebase and graceful fallbacks.

1. **Pick a renderer and starter.

**Use Three.js r160 or later, Babylon.js 7 or later, or A-Frame for markup. All have WebXR session helpers. For e-commerce, <model-viewer> handles inline and AR quick look and can trigger WebXR where available.

1. **Author a small glTF asset.

Build in Blender 4.x and export with the glTF exporter. Keep one PBR material, one directional light, Draco compression, and textures at 1024 or 2048. Add a USD source next to it if you need composition later. Validate at https://github.khronos.org/glTF-Validator/.

1. **Add session detection and UX.

Render a 2D page by default. After load, run:

const xr = navigator.xr;
if (xr) {
  const hasVR = await xr.isSessionSupported('immersive-vr');
  const hasAR = await xr.isSessionSupported('immersive-ar');
  document.querySelector('#enterVR').hidden = !hasVR;
  document.querySelector('#placeAR').hidden = !hasAR;
}

Require a click to call navigator.xr.requestSession('immersive-vr') or 'immersive-ar'. Never auto-enter.

1. **Create a fallback cascade.

**Inline > immersive-vr > immersive-ar. If no XR is supported, keep the canvas interactive with orbit controls and add an AR Quick Look link for iOS: model-viewer does this automatically when you provide a USDZ.

1. Optimize for 90 Hz. Budget per frame at 90 Hz is about 11 ms total, with about 5 ms per eye after compositor overhead. Practical limits that help on Quest:

   • Keep draw calls under 100 for mobile headsets by atlasing textures and merging meshes. One draw call per material is a good mental model.
   • Limit active textures and keep max dimension at 2048 on Quest.
   • Avoid cascading shadow maps with 4 cascades on mobile, or bake shadows.
   • Turn off controller selection and near-field picking for meshes that are never interactive. Babylon.js notes these features traverse pickable meshes and cost CPU.
   • Profile with Spector.js and Quest Browser remote debugging. Record a trace and watch JS garbage collection spikes.

2. **Handle Vision Pro input.

Design for gaze and pinch, not trigger and grip. Make targets at least 1.5 degrees, add hover affordances, and do not require two-handed grabs. Eye tracking selection is dwell plus pinch, so avoid tiny controls. Apple added the transient-pointer mode to the W3C spec for this device, and Safari exposes that mode by default since visionOS 2.

1. **Add spatial features progressively.

**Start with hit test for placement. Add anchors only if session.enabledFeatures includes anchors. Add depth sensing with depth-sensing usage cpu first, then try gpu. Test each step on Quest 3 where coverage is best and degrade gracefully.

1. **Ship as a link and optionally as a PWA.

**Host on HTTPS. Add a manifest and a lightweight service worker for offline inline viewing. For distribution on Quest, Meta documents WebXR PWAs that call requestSession right after load so the app launches directly into immersive mode from the Horizon Store. Use that only for headsets where immersive is the point. Keep a 2D landing page for phones and desktops.

1. **Measure what matters.

Track entry rate by device, session start success, average session length, placement success for AR, and shader compile time. Shopify teams report using visit duration and wishlist actions for showroom variants.

1. Test on real hardware, not just simulators. The WebXR emulator extension helps, but check on at least one Quest 3 and one Vision Pro before launch. The vrc.org.au March 2026 test notes show that performance and module support still vary enough to affect production decisions.

Web3 where it fits, and where it does not

Because this site covers Web3 jobs, it is worth stating the current fit clearly.

• Useful today: give a 3D asset persistent ownership or provenance with an NFT that points to a content-addressed glTF, gate a world or item to a token holder, and let users carry an avatar or item across domains that honor the same standard. Use decentralized identity building blocks like verifiable credentials for logins to shared spaces instead of platform-bound accounts. These are application-level choices. They do not replace WebXR or glTF, they reference them.
• Not automatic: putting a model on chain does not make it interoperable. Two worlds can both read the same token and render the asset differently if their material systems differ. The glTF and USD coordination work exists precisely because file-level agreement is harder than token-level agreement.
• Practical route: keep the immersive experience open on the web with WebXR, store the canonical asset on IPFS or Arweave, mint a pointer on a chain your users already use, and use a wallet as one sign-in option alongside email and passkeys. If you are hiring, look for the overlap: a 3D web engineer who understands wallet libraries is rarer and more valuable than a separate Web3 engineer and a separate WebGL engineer.

What to charge, measure and watch

• Performance budgets win projects. Clients notice smooth placement and readable text more than extra polygons. Hit 72 Hz minimum on Quest 2, 90 Hz on Quest 3 and Vision Pro, and keep input latency under 20 ms from hand movement to photon.
• Asset size is cost. A 50 MB glTF that needs 8 seconds to download on a showroom link loses the sale before WebXR even starts. Compress, use KTX2 with Basis Universal, and stream levels of detail.
• Accessibility needs a non-immersive path. Provide keyboard and screen reader accessible product data outside the canvas, captions for audio, and a reduced motion option.
• Standards change. Follow the Immersive Web Working Group minutes, the glTF extensions roadmap and Khronos releases at khronos.org. The WebXR spec history page shows every draft from 2020 onward. Expect regular editorial updates until it becomes a W3C Recommendation.

Careers tied to the immersive internet

Hiring in this area clusters into four roles you will see on Hashtag Web3 and similar boards:

• WebXR developer. JavaScript and TypeScript, Three.js or Babylon.js, WebGL and WebGPU feature detection, session management, performance profiling. Often paired with shader basics and Draco and KTX tooling.
• Technical artist and 3D pipeline engineer. Blender, glTF export, USD composition, PBR authoring, baking, and optimization for real-time. Employers ask for a portfolio link with at least one live WebXR URL.
• Spatial interaction designer. Hand tracking, gaze and pinch, spatial anchors, and comfort guidelines. The job is to make large UI targets and confirm actions without controllers.
• **Interoperability and standards engineer.

Rare and paid well. Works on glTF extensions, OpenXR runtime integration, or browser implementation parity across Chromium and WebKit.

When you apply, show a link that works on Quest and on desktop inline. Recruiters can check it in seconds. That matters more than a native APK they must install.

FAQ

Do I need a headset to use the immersive internet?

No. Inline WebXR runs on desktop and Android without a headset. You get a 3D view on a canvas. Headsets add stereoscopy and 6DoF tracking where available.

Which browsers support WebXR today?

Chrome 79+, Edge 79+, Opera 66+, Samsung Internet 12+, the Meta Quest Browser, and Safari on visionOS 2.0 and later. Firefox keeps WebXR disabled by default on all platforms. Safari on iOS and macOS does not support WebXR at all. Always detect with navigator.xr.isSessionSupported.

Which browsers support WebGPU?

Chrome 113+ and Edge 113+ on Windows, macOS and ChromeOS, Chrome 121+ on Android 12+ with Qualcomm or ARM GPUs, Firefox 141 on Windows and 145 on macOS Apple silicon, and Safari 26 on macOS 26, iOS 26, iPadOS 26 and visionOS 26. Linux keeps WebGPU behind a flag in Chromium. Check navigator.gpu before using it.

What is the difference between WebXR and WebGL?

WebXR manages headsets, sessions and input. WebGL and WebGPU do the actual GPU rendering. You use them together. Three.js and Babylon.js abstract the hand-shake for you.

What is the difference between glTF and USD?

USD is for authoring and composing large scenes with layers and references. glTF is for delivering a single asset or small scene efficiently over the web with PBR materials and animations. Teams often keep a USD source and publish glTF.

Can I build on iPhone?

You can build an inline 3D view with model-viewer and a USDZ Quick Look escape hatch for iOS. True WebXR sessions are not available in iOS Safari. Plan a fallback that still lets an iPhone user inspect and place the product.

Is WebXR fast enough for production?

For product visualization, education, training and showrooms, yes, when you stay within the budgets above. For large multiplayer worlds or graphics that need custom compute passes, expect to trade fidelity for reach or ship a native companion.Where should I track changes? Follow the Immersive Web Working Group at www.w3.org/immersive-web, the WebXR spec history at www.w3.org/TR/webxr/history, the Khronos glTF GitHub at github.com/KhronosGroup/glTF, the OpenXR spec at registry.khronos.org/OpenXR/specs/1.1/html/xrspec.html, and the Metaverse Standards Forum at metaverse-standards.org which now hosts the Open Metaverse Browser Initiative with the Sneeze engine.

A short reading list you can verify

• W3C WebXR Device API Candidate Recommendation Draft, June 9, 2026, plus earlier September 30 2025 and March 16 2026 drafts. W3C TR webxr.
• W3C Immersive Web Working Group charter dated September 2024 and participant list. Co-chairs Ada Rose Cannon of Apple, Ayseguel Yoenet and Chris Wilson of Google.
• Khronos press release: OpenXR 1.1 ships April 15, 2024, consolidating extensions into core.
• VisionOS 2 WebXR by default announcement at WWDC 2024, covered by UploadVR and Road to VR on June 12, 2024 with developer session video 10066.
• Meta Horizon Browser release notes for April 2026 showing experimental WebGPU and WebXR depth projection.
• Khronos blog Building Bridges in 3D and Alliance for OpenUSD roadmap from December 2023, including the liaison for glTF and USD interoperability.
• Can I Use WebXR Device API table updated March 5, 2026 and TestMu AI May 2026 guide on WebXR browser support.
• web.dev November 25, 2025 post WebGPU is now supported in major browsers listing Chrome 144, Edge 144, Firefox 141, Safari 26.
• Shopify South Africa enterprise blog What is Virtual Shopping published November 20, 2025 on VR showrooms via Apple Vision Pro, Meta Quest and WebXR.

Ship the smallest immersive piece that helps a user decide faster, put it behind a link, measure entry and placement, then expand.