About this component
This component is a polished, plug-and-play Interactive 3D Viewer for Framer.
Upload any GLB/GLTF model, choose a camera angle, adjust the model size, enable interactions or micro-animations — and instantly get a premium, responsive 3D experience for product pages, hero sections, and motion-driven storytelling.
It handles camera framing, lighting, environment maps, interaction behavior, and animations by itself, so your model always looks great across all breakpoints with zero setup effort.
Features
Model & Camera
Upload GLB/GLTF models (incl. DRACO support)
Automatic centering & scaling for perfect framing
Camera presets: Front, Back, Side, Top, Isometric
Model Size (%) control to enlarge or reduce the model in frame
Smart zoom range with smooth, intuitive feel
Interaction Controls
Enable/disable interaction with a single toggle
Adjustable tilt modes: Free, Spotlight, Product, Custom
Configurable tilt limits (when Custom is selected)
Smooth Orbit behavior with variable damping
Optional zoom control
Animations & Micro-Interactions
Auto-rotate with direction and speed controls
Load animations: Scale In, Rise, Drop
Idle animations: Float, Pulse
Hover effects: Pause
Click feedback: Pop micro-interaction
Lighting & Environment
Upload custom HDR/EXR environments
Built-in presets (Studio, Bright, Soft, Dramatic, Outdoor, Natural)
Natural default lighting for realistic product appearance
Benni Tran
