3D ModelViewer Pro

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

1. 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

2. 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

3. 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

4. Lighting & Environment

   • Upload custom HDR/EXR environments

   • Built-in presets (Studio, Bright, Soft, Dramatic, Outdoor, Natural)

   • Natural default lighting for realistic product appearance

WATCH THE DEMO or THIS