diff --git a/examples/files.json b/examples/files.json
index 7f0eb38395e9c1..d56d36540b62f8 100644
--- a/examples/files.json
+++ b/examples/files.json
@@ -374,6 +374,7 @@
 		"webxr_vr_layers",
 		"webxr_vr_panorama",
 		"webxr_vr_panorama_depth",
+		"webxr_vr_multiview",
 		"webxr_vr_rollercoaster",
 		"webxr_vr_sandbox",
 		"webxr_vr_teleport",
diff --git a/examples/models/gltf/syntystarterpack.glb b/examples/models/gltf/syntystarterpack.glb
new file mode 100644
index 00000000000000..f943de5b8d182a
Binary files /dev/null and b/examples/models/gltf/syntystarterpack.glb differ
diff --git a/examples/screenshots/webxr_vr_multiview.jpg b/examples/screenshots/webxr_vr_multiview.jpg
new file mode 100644
index 00000000000000..041ae2da4b1ee7
Binary files /dev/null and b/examples/screenshots/webxr_vr_multiview.jpg differ
diff --git a/examples/webxr_vr_multiview.html b/examples/webxr_vr_multiview.html
new file mode 100644
index 00000000000000..2b9fcfed72b081
--- /dev/null
+++ b/examples/webxr_vr_multiview.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>three.js vr - multiview</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+		<link type="text/css" rel="stylesheet" href="main.css">
+	</head>
+	<body>
+
+		<div id="info">
+			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> experimental support for multiviewStereo<br/>
+			(Oculus Browser 16.1+)<br/>
+			Assets: <a href="https://syntystore.com/products/polygon-starter-pack" target="_blank" rel="noopener">POLYGON - FREE Starter Pack</a> by Synty Studios<br/>			
+			<button type="button" id="multiview-button"></button>
+			<input type="checkbox" id="framerate-limit" name="framerate-limit">
+			<label for="framerate-limit"> Framerate Limit: 72fps</label><br>
+
+		</div>
+
+		<script type="importmap">
+			{
+				"imports": {
+					"three": "../build/three.module.js",
+					"three/addons/": "./jsm/"
+				}
+			}
+		</script>
+
+		<script type="module">
+
+			import * as THREE from 'three';
+
+			import { RGBELoader } from 'three/addons/loaders/RGBELoader.js';
+			import { VRButton } from 'three/addons/webxr/VRButton.js';
+			import { XRControllerModelFactory } from 'three/addons/webxr/XRControllerModelFactory.js';
+			import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+
+			let camera, scene, renderer;
+
+			const params = ( new URL( document.location ) ).searchParams;
+			const multiviewOn = params.get( 'multiview' ) === 'true';
+			const multiviewButton = document.getElementById( 'multiview-button' );
+			multiviewButton.innerHTML = multiviewOn ? 'Multiview Enabled' : 'Multiview Disabled';
+			params.set( 'multiview', multiviewOn ? 'false' : 'true' );
+			multiviewButton.onclick = () => {
+
+				window.location.search = params.toString();
+
+			};
+
+			init();
+			animate();
+
+			function init() {
+
+				scene = new THREE.Scene();
+
+				new RGBELoader()
+					.setPath( 'textures/equirectangular/' )
+					.load( 'moonless_golf_1k.hdr', function ( texture ) {
+
+						texture.mapping = THREE.EquirectangularReflectionMapping;
+
+						scene.background = texture;
+						scene.environment = texture;
+
+						new GLTFLoader()
+							.setPath( 'models/gltf/' )
+							.load( 'syntystarterpack.glb', function ( gltf ) {
+
+								const model = gltf.scene;
+								model.traverse( ( child ) => {
+
+									child.frustumCulled = false;
+
+									if ( child.isMesh && child.material.map ) {
+
+										child.material = new THREE.MeshBasicMaterial( {
+											map: child.material.map.clone(),
+											envMap: texture,
+											reflectivity: 0.5,
+										} );
+
+									}
+
+								} );
+
+								scene.add( model );
+
+							} );
+
+					} );
+
+				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.1, 1000 );
+				camera.position.set( 0, 1.6, 1.5 );
+
+				//
+
+				renderer = new THREE.WebGLRenderer( { antialias: true, multiviewStereo: multiviewOn } );
+				renderer.autoClear = false;
+				renderer.setPixelRatio( window.devicePixelRatio );
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.xr.enabled = true;
+				renderer.toneMapping = THREE.ACESFilmicToneMapping;
+				renderer.toneMappingExposure = 1;
+				document.body.appendChild( renderer.domElement );
+				renderer.xr.addEventListener( 'sessionstart', () => {
+
+					if ( document.getElementById( 'framerate-limit' ).checked ) {
+
+						renderer.xr.getSession().updateTargetFrameRate( 72 );
+			
+					}
+
+				} );
+
+				document.body.appendChild( VRButton.createButton( renderer ) );
+
+				window.addEventListener( 'resize', onWindowResize );
+
+				//
+
+				const geometry = new THREE.BufferGeometry();
+				geometry.setFromPoints( [ new THREE.Vector3( 0, 0, 0 ), new THREE.Vector3( 0, 0, - 5 ) ] );
+
+				const controller1 = renderer.xr.getController( 0 );
+				controller1.add( new THREE.Line( geometry ) );
+				scene.add( controller1 );
+
+				const controller2 = renderer.xr.getController( 1 );
+				controller2.add( new THREE.Line( geometry ) );
+				scene.add( controller2 );
+
+				//
+
+				const controllerModelFactory = new XRControllerModelFactory();
+
+				const controllerGrip1 = renderer.xr.getControllerGrip( 0 );
+				controllerGrip1.add( controllerModelFactory.createControllerModel( controllerGrip1 ) );
+				scene.add( controllerGrip1 );
+
+				const controllerGrip2 = renderer.xr.getControllerGrip( 1 );
+				controllerGrip2.add( controllerModelFactory.createControllerModel( controllerGrip2 ) );
+				scene.add( controllerGrip2 );
+
+			}
+
+			function onWindowResize() {
+
+				camera.aspect = window.innerWidth / window.innerHeight;
+				camera.updateProjectionMatrix();
+
+				renderer.setSize( window.innerWidth, window.innerHeight );
+
+			}
+
+			function animate() {
+
+				renderer.setAnimationLoop( render );
+
+			}
+
+			function render() {
+
+				renderer.render( scene, camera );
+
+			}
+
+		</script>
+	</body>
+</html>
