A React library for interactive 3D model viewing.

React-Immersive helps developers render 3D assets, select scene objects, control the camera, and expose object-level actions inside a built-in viewer UI.

Try the editor Read the docs

Loading 3D scene…

Drag to orbit · scroll to zoom

Render GLB models

Drop interactive 3D models into React with a viewer that is ready to embed.

Select scene objects

Let users click named meshes and work with object bindings inside the scene.

Control the camera

Orbit, pan, zoom, and fit the scene with built-in camera helpers.

Manage materials and visibility

Support color changes, texture swaps, and visibility actions per object.

Use viewer hooks

Compose selection, hover, camera, animation, and visibility behavior from the exported hooks.

Edit scene data

Work with object bindings, scene settings, and exported JSON or TypeScript in the dev console.

Start in a few lines

Three components. Pick your level of control.

Reach for SimpleModelViewer to drop a model in, ModelViewer for full object bindings and camera control, or BindingBuilder to author and export scene data.

Drop a GLB into React and get an interactive viewer, zero config.

View demo

import { SimpleModelViewer } from "@liveroom-tech/react-immersive";

export function Preview() {
  return (
    <SimpleModelViewer
      modelUrl="/asset.glb"
    />
  );
}

Book a demo

Schedule a demo to see the product in action.

Enter your name and email and we will get back to you.