Bring your 3D models to life β right inside Framer.
Simply drag MDX_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish. No code or external embeds required.
Fully Interactive: Visitors can rotate, pan, and zoom using mouse, touch, or keyboard controls.
6 Lighting Presets: Studio, Forest, Night, Dawn, City, and Warehouse settings with optional full backdrop rendering.
Live Material Controls: Real-time inspector for roughness, metalness, color tint, transparency, emissive glow, and wireframe mode.
Animation Support: Plays embedded animations automatically with a built-in clip selector.
WebXR VR Ready: One-click entry into immersive virtual reality on supported headsets and browsers.
6 Camera Presets: Instant standard angles (Front, Back, Left, Right, Top, Isometric) and quick-reset.
Multi-Instance Support: Add multiple independent viewers to a single page without performance drops.
Model URL: Direct link to your hosted .glb or .gltf file.
Sizing & Canvas: Full control over width, height, and background color.
Auto-Rotate: Toggle automated spinning with custom speed rules.
Allow Zoom: Restrict or enable user scroll/pinch zooming.
Env. Background: Toggle the active lighting preset as a visible skybox.
Drag MDX_3DModelViewer onto your canvas.
Paste your .glb or .gltf link into the Model URL property.
Adjust your size, background, and rotation preferences.
Publish. No plugins, code, or external accounts needed.
Bring your 3D models to life β right inside Framer.
Simply drag MDX_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish. No code or external embeds required.
Fully Interactive: Visitors can rotate, pan, and zoom using mouse, touch, or keyboard controls.
6 Lighting Presets: Studio, Forest, Night, Dawn, City, and Warehouse settings with optional full backdrop rendering.
Live Material Controls: Real-time inspector for roughness, metalness, color tint, transparency, emissive glow, and wireframe mode.
Animation Support: Plays embedded animations automatically with a built-in clip selector.
WebXR VR Ready: One-click entry into immersive virtual reality on supported headsets and browsers.
6 Camera Presets: Instant standard angles (Front, Back, Left, Right, Top, Isometric) and quick-reset.
Multi-Instance Support: Add multiple independent viewers to a single page without performance drops.
Model URL: Direct link to your hosted .glb or .gltf file.
Sizing & Canvas: Full control over width, height, and background color.
Auto-Rotate: Toggle automated spinning with custom speed rules.
Allow Zoom: Restrict or enable user scroll/pinch zooming.
Env. Background: Toggle the active lighting preset as a visible skybox.
Drag MDX_3DModelViewer onto your canvas.
Paste your .glb or .gltf link into the Model URL property.
Adjust your size, background, and rotation preferences.
Publish. No plugins, code, or external accounts needed.
MODAX
