Inspect glTF assets, fix pivots, edit materials, keyframe cameras, and ship the exact result in React.
Model Lab is a React Three Fiber library designed for teams that need more than a fixed model viewer. It combines a browser-based authoring environment with a reusable production runtime. Use the editor to discover the values that make a model look right, export them as a preset, then replay the same camera, pivot, material, texture, lighting, and animation decisions in your application.
Full asset inspection and animation-authoring interface for internal tools and content teams.
Production component that loads an asset and applies exported presets, sequences, materials, pivots, and effects.
Sequence, pivot, and material utilities for applications that already own their React Three Fiber canvas.
import { ModelLabViewer, parseViewerPreset } from '@taranjeetsinghh/model-lab/viewer'
import presetJson from './product-viewer-config.json'
const preset = parseViewerPreset(presetJson)
export function ProductHero() {
return (
<ModelLabViewer
src="/models/product.glb"
preset={preset}
playSequence
controlsWhilePlaying={false}
/>
)
}Start with installation, explore the working examples, build a basic viewer, learn the pivot system, author an immersive sequence, and finish with performance and deployment.