Model Viewer

ReactBits

Three.js-powered 3D model viewer supporting GLTF/GLB, FBX, and OBJ formats. Features orbit controls, auto-rotation, mouse parallax, environment lighting, and screenshot export.

Provide a 3D model URL to render. The component supports GLTF/GLB, FBX, and OBJ formats.

import ModelViewer from "@/components/ModelViewer";

<ModelViewer
  url="/models/my-model.glb"
  width="100%"
  height={500}
  autoRotate
  environmentPreset="studio"
  enableManualRotation
  enableManualZoom
/>

Component installed at src/components/ModelViewer.tsx. Requires a 3D model file to render a live demo.