built for Nickeeyoren

Spatial browsing, on the open web.

A live lab for Apple Vision Pro + visionOS Safari. Not a description - a working instrument panel for WebXR, the model element, USDZ Quick Look, spatial audio, and gaze-friendly UI.

visionOS SafariWebXRmodel elementQuick LookWeb Audio
Open the lab
01overview

What spatial browsing can do

Safari on Apple Vision Pro turns a web page into something you can look through. It can hide the distractions around a page, reveal spatial scenes as you scroll, and summarize certain webpages for you.

Live capability check

detecting…
…

visionOS Safari

Apple Vision Pro browser

try on Vision Pro

model element

HTML <model> spatial web

try on Vision Pro

WebXR immersive-vr

fully immersive browser sessions

limited here

Quick Look / USDZ

Safari + system apps open USDZ

supported here

Web Audio

spatial audio + panning

try on Vision Pro

Web Speech

dictation / recognition

try on Vision Pro

backdrop blur

glassmorphism rendering

limited here

reduced motion

prefers-reduced-motion

supported here

Everything on this page is feature-detected at runtime - nothing is assumed. A green dot means the browser reports support right now; a rose dot means it does not, and the panel tells you how to try it on Apple Vision Pro instead.

Hide distractions

Safari can strip away clutter so the content you care about stays in view.

Reveal spatial scenes

Scroll to bring 3D scenes and objects into the space around the page.

Summarize pages

For some pages, Safari offers a concise summary instead of the full text.

Source: Use spatial browsing in visionOS - Apple Support

02model lab

The model element, live

A working model element where WebKit ships it, and a generated canvas preview everywhere else. Orbit, scale, rotate, and pull any model into your space with Quick Look.

canvas preview
generated fallback · orbit
drag to orbit · scroll to zoom

Model

A realistic biplane with a full animation rig.

Auto-spin
Size
03webxr

Go fully immersive

Launch an immersive-vr session and drive it with your eyes and a pinch. The scene below runs in the browser as a fallback, so it never breaks a normal desktop or mobile browser.

canvas preview

WebXR is not enabled here. On visionOS Safari, enable it in Safari Settings > Advanced > Experimental Features, then reload.

In the headset, look at the scene and pinch to select. The crystal scene above renders in the browser as a fallback when WebXR is off.

Sources: Natural input for WebXR on Vision Pro · WebKit features in Safari 18

04audio

Sound that sits in space

A Web Audio soundscape with panning cues that move across your headphones, plus dictation where the browser exposes it. Audio starts on your tap, not on load - that is the autoplay rule.

Spatial soundscape

Web Audio off
Mute
context: idle · idle · vol 70%

Browsers block audio until you interact. That is why the soundscape starts on your tap, not on load. The pings pan left and right across your headphones; on Vision Pro they sit in the space around you.

Dictation

Web Speech off

Your dictated words appear here.

Dictation uses the Web Speech API where the browser exposes it. On Vision Pro you can combine eyes, pinch, and voice to move through a page without a keyboard.

05spatial ui

Controls built for eyes and pinch

Large, gaze-friendly targets, glass toggles and segmented controls, and a live telemetry readout that shows the focus, hover, and press events a spatial interface runs on.

Floating controls

eyes + pinch

Hover a card to focus it, then pinch to select. These are the large, gaze-friendly targets visionOS prefers - no tiny buttons here.

Tip: Tab moves focus, Enter selects, and on Vision Pro your eyes are the pointer.

Glass controls

Spatial toggle
Input mode
mode: gaze · toggle: off · depth: 60%

Telemetry

live

Interact with a control to log an event…

Every hover, focus, and press is captured here - the same events a visionOS interface uses to know what you are looking at and when you are ready to select.

06field guide

The sources, and what is real

Every feature on this page is backed by a source and detected at runtime. Read the primary references, then check the caveats so you know exactly what your browser supports.

volumetric explainer

Three ways 3D reaches you

Inline spatial 3D

The model element lives inside the page. It renders in stereo and orbits in place - the Model Lab above is this.

Immersive WebXR

A full-screen session that replaces your view of the world. Gaze + pinch drive it - the WebXR panel above is this.

Native volumetric window

A visionOS app window you can move around your space. This is an app feature, not a web page - shown here for contrast only.

The three panels above are a simulated portal - a visual stand-in for a volume. A real volumetric window is a native visionOS app; the open web reaches spatial content through the first two paths.

read this first

What is actually supported

  • WebXR immersive-vr needs Safari on a real Apple Vision Pro, and on some versions the WebXR experimental flag must be on. This page detects it live - if the dot is rose, the browser did not report support.
  • The model element renders only where WebKit ships it (visionOS 26 Safari by default). Everywhere else you get the generated canvas preview, so the lab still works on desktop and mobile.
  • Quick Look opens USDZ in Safari and system apps on Apple devices. On other platforms the links download the model file instead.
  • Nothing here claims ordinary web pages are native windowed volumetric apps. That is a visionOS app feature, not a web one - the web gets inline 3D, immersive WebXR, and Quick Look.
07log

Experiment log

A running record of every interaction and capability check on this page. Clear it whenever you like.

Experiment log

event console

No events yet. Interact with the lab, or run the checks above.