{"repo":"pmndrs/xr","free":true,"listed":false,"github":"https://github.com/pmndrs/xr","clone":"git clone https://github.com/pmndrs/xr.git","description":"🤳 VR/AR for react-three-fiber","language":"TypeScript","stars":2605,"topics":["react","webxr","react-three-fiber","vr","ar"],"license":null,"category":"ui-components","readme_excerpt":"xr Turn any R3F app into an interactive immersive experience. What does it look like? A simple scene with a mesh that toggles its material color between \"red\" and \"blue\" when clicked through touching or pointing. ---------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------- How to enable XR for your @react-three/fiber app? 1. const store = createXRStore() create a xr store 2. store.enterAR() call enter AR when clicking on a button 3. ... wrap your content with the XR component ... or read this guide for converting a react-three/fiber app to XR. Tutorials - 💾 Store - 👆 Interactions - 👌 Handles - 🔧 Options - 🧊 Object Detection - ✴ Origin - 🪄 Teleport - 🕹️ Gamepad - ➕ Secondary Input Sources - 📺 Layers - 🎮 Custom Controller/Hands/... - ⚓️ Anchors - 📱 Dom Overlays - 🎯 Hit Test - ⛨ Guards External Tutorials - 🥇 WebXR First Steps React by Meta Quest Roadmap - 🤳 XR Gestures - 🕺 Tracked Body Migration guides - from @react-three/xr v5 - from natuerlich Sponsors This project is supported by a few companies and individuals building cutting-edge 3D Web & XR experiences. Check them out!","default_branch":null,"files":null,"tree":[],"storefront":"/r/pmndrs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pmndrs/xr/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}