🥽 WebXR (VR, AR)

Sponsored by VIVERSE. VIVERSE is an open-web platform that empowers developers to build, publish, and scale 3D and XR experiences that run instantly in the browser. With free hosting, monetization tools, and multi-engine support, VIVERSE bridges technical freedom with creative control. And through our Creator Program, we’re investing in the next generation of creators pushing the boundaries of what’s possible in the browser.

Most WebGL 3D libraries and engines support WebXR, but there are also some XR-specific engines available if you intend to make VR or AR games. Here are some of your options:

• Stars
  NPM
  TS
  Maintained
• Three.js

  110k

  3M/w

  

  – WebXR documentation
  110k3M/w
  
• react-xr

  3k

  15k/w

  

  – Helpers to create VR/AR applications with R3F
  3k15k/w
  
• A-Frame

  17k

  35k/w

  

  – VR/AR engine powered by Three.js
  17k35k/w
  
• Babylon.js

  25k

  100k/w

  

  – WebXR documentation
  25k100k/w
  
• PlayCanvas

  14k

  10k/w

  

  – WebXR documentation
  14k10k/w
  
• Wonderland Engine

  /w

  – WebXR/AR engine and editor
  N/AN/A
• Needle

  3k/w

  

  – Exports Unity and Blender to Three.js. WebXR docs
  N/A3k/w
  
• Rogue Engine

  /w

  – Three.js editor with WebXR support
  N/AN/A

WebXR is not supported in Safari.

Hand Tracking

• Hand tracking with @react-three/xr
• handy.js (GitHub)
• handy-work
• webxr-hand-input explainer
• Project Flowerbed Hand Animations

Controls and Emulators

• WebXR browser extension
• Immersive Web Emulator by Meta
• WebXRQuestEmulator
• WebXR Input Profiles

UI in VR

• uikit (R3F)
• three-mesh-ui
• react-xr-ui
• Ethereal, HTMLMesh, Satori (Tweet, R3F), HTML2Canvas

Performance

• OVR Metrics Tool
• Oculus Perf docs
• Fixed Foveated Rendering

AR

AR on the web uses plane detection to place virtual objects on real-world surfaces.

• 8th Wall WebAR
• AR.js
• MindAR
• @coconut-xr/natuerlich (announcement)

Other Resources

• WebXR Layers — Rik Cabanier’s explainer
• WebXR Awesome list
• RATK (Reality Accelerator Tool Kit)
• Volu.dev — pairing companion via VS Code extension
• LogXR
• Experimental WebXR keyboard on Meta Quest
• Ready Player Me
• Two open-source demos show WebXR could be used to make full-fledged games