WebXR API PWA Demo

With the WebXR API, websites and web apps can seamlessly play virtual reality content and launch augmented reality experiences.

VR & AR Logo

Demo

Install the app on your Android phone, launch it from your homescreen and start a WebXR experience.

How it works

This single-file WebXR demo provides two distinct immersive experiences using vanilla JavaScript and WebGL without external libraries:

The VR mode places the user in a simulated environment with a dark blue background, where they can look around a multi-colored 3D cube rendered in stereoscopic 3D.

The AR mode utilizes the device's camera for a passthrough effect, overlaying that same 3D cube onto the real world, demonstrating how to mix standard web elements with 3D graphics in augmented reality.

API

navigator.xr

Code

Links & Documentation

Your app here

Ready to generate your PWA?

Try our PWA toolkit free of charge and without limits for 14 days. No credit card required.

Generate PWA See plans