Navigation
Product Guides
Display interactive 3D models that visitors can orbit, zoom, and explore from any angle. Supports GLB, GLTF, OBJ, FBX, and other common 3D formats with built-in lighting, shadows, and animation playback.
A 3D View experience renders a 3D model in the browser using WebGL. Visitors can click and drag to orbit around the model, scroll to zoom, and interact with toolbar controls. If the model contains animations, they can be played automatically or triggered manually.
For the best results, use optimized GLB files under 20 MB. Enable Draco compression in the settings panel to reduce file size for GLTF/GLB models.
| Format | Extensions | Notes |
|---|---|---|
| glTF Binary | .glb | Recommended. Single file with embedded textures. Supports animations and Draco compression. |
| glTF | .gltf | JSON-based with external texture files. Supports animations and Draco compression. |
| FBX | .fbx | Supports animations. Common in CAD and game workflows. |
| OBJ | .obj | Requires a separate .MTL material file. No animation support. |
| Other | .stl .3ds .amf .ifc | Basic geometry support. |
OBJ models
If you upload an OBJ file, you'll also need to set the material file (.mtl) URL in the left panel for correct texturing.
| Option | Default | Description |
|---|---|---|
| Auto-rotate | Off | Automatically rotate the model when idle. |
| Rotate speed | 0.5x | Speed of rotation (0.1x–10x). Applies to both auto-rotate and manual orbit. |
| Rotate delay | 0s | Delay before auto-rotation starts after user stops interacting (0–10s). Only when auto-rotate is enabled. |
| Scroll to zoom | On | Allow mouse wheel zoom. |
| Theme | Light | Light or dark theme for the viewer UI. |
| Option | Default | Description |
|---|---|---|
| Auto-play animation | Off | Play embedded animations on load. |
| Animation speed | 1x | Playback speed multiplier (0.1x–3x). |
| Option | Default | Description |
|---|---|---|
| Load on page load | Off | Skip the click-to-activate overlay and render immediately. |
| Background color | Transparent | Background color behind the model (hex, named color, or "transparent"). |
| Loading progress | On | Show a loading progress bar. |
| Shadows | On | Render ground shadows under the model. |
| Shadow opacity | 0.5 | Shadow darkness (0–1). Visible when shadows are enabled. |
| Shadow blur | 2 | Shadow softness (0–10). Visible when shadows are enabled. |
| Option | Default | Description |
|---|---|---|
| Fullscreen button | On | Show fullscreen toggle. |
| Screenshot button | Off | Allow visitors to capture a screenshot of the current view. |
| Reset camera button | On | Reset to the default camera position. |
| Auto-rotate button | On | Toggle auto-rotation on/off. |
| Animation buttons | On | Play/pause animation controls. Only shown for models with animations. |
| Toolbar position | Bottom center | Position of the toolbar: bottom-left, bottom-center, or bottom-right. |
| Option | Default | Description |
|---|---|---|
| Alt text | Empty | Accessibility description for the 3D viewer. |
| Tone mapping | ACES | Color grading algorithm: none, linear, reinhard, ACES, or filmic. |
| Exposure | 1 | Tone mapping exposure (0.1–5). |
| Draco compression | On | Enable Draco mesh compression for GLB/GLTF models. |