Public products build with @react-three/xr

Showcases

Introduction

How to convert an existing react-three-fiber app into an interactive immersive experience.

Setup your development environment for building XR experiences.

Overview of all components offered by @react-three/xr.

Overview of all hooks offered by @react-three/xr.

Frequently asked questions about react-three/xr.

Build interactions that work across XR and non-XR web applications

Use detected objects such as meshes and planes for rendering, scene understanding, physics, and more

Control the user's transformation by setting the XR session origin

Allow users to move through the scene using teleportation

Customize interactions and style of inputs such as hands, controllers, and more

How to create and manage anchors in your AR experience?

How to add HTML elements for hand-held AR experiences with Dom overlay?

How to add hit testing capabilities to your AR experiences?

Render and show parts of your application conditionally using guards

Pitfalls to avoid when building immersive web applications with react-three/xr

Important considerations for building performant immersive web applications with react-three/xr

Migrate your application from @react-three/xr v5