Live Demos
Explore our interactive WebXR demos. Each demo showcases different features and components from the r3f-xr-widgets library.
VR Headset Required
These demos use WebXR and are best experienced with a VR headset (Meta Quest, etc.). Desktop browsers can view the scenes but won't have XR functionality.
Available Demos
3d-video-demo
VR video player demo - reimplementation of the XR Layer Eqrt video demo using React Three Fiber, React XR, and UIKit
horizon-window-demo
Interactive resizable window with UIKit-based design featuring arc handles, title bar movement, and proximity-based edge visibility
resizable-window-demo
Showcasing ResizableWindow components with UIKit integration, featuring draggable and resizable windows in VR
video-player-demo
QuadVideoPlayer component demo - complete VR video player with XR controller support, action indicators, and auto-hide control panel
Running Locally
To run any demo locally:
# Clone the repository
git clone https://github.com/myers/r3f-xr-widgets.git
cd r3f-xr-widgets
# Install dependencies
pnpm install
# Run a specific demo (e.g., resizable-window)
pnpm demo:resizable-window