Skip to content

SLAM Web (WebXR)

On Android, XR headsets, and browsers with WebXR support, Monolook uses the WebXR standard directly for SLAM experiences.

Platforms

PlatformSupport
Android (Chrome)Full WebXR
Meta Quest 3Full WebXR
Pico 4Full WebXR
Apple Vision ProFull WebXR
Desktop3D fallback with OrbitControls

Typical stack

A SLAM experience with Monolook uses:

  • Vue 3 — UI framework (Composition API)
  • Vue Router — Navigation between screens
  • Pinia — Global state
  • Three.js — 3D engine
  • Vite — Build tool
  • Monolook SDK — XR session management, tracking, license

Experience flow

  1. Start screen (landing, onboarding)
  2. Platform detection (iOS, Android, desktop)
  3. XR session start (WebXR or AppClip)
  4. Active tracking and 3D rendering
  5. User interaction (hotspots, UI overlay)

For a complete step-by-step tutorial, see Full experience.