About MDX_3DModelViewer
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.
✨ Why Designers Choose It
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.
⚙ Customize in Framer
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.
🚀 Get Started in Minutes
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.
