---
title: "MDX_3DModelViewer — Framer component · Best of Framer"
description: "$49.00 · Framer component · by MODAX · Interactive. Simply drag MDX_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish."
canonical: "https://framer.elliotli.dev/component/mdx-3dmodelviewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/MDX\_3DModelViewer

# MDX\_3DModelViewer

Interactive 3D Model Viewer

[View on Framer](https://framer.com/marketplace/components/mdx-3dmodelviewer/?via=elliot-li)

![MDX\_3DModelViewer preview image 1](https://framer.elliotli.dev/og/component/mdx-3dmodelviewer/615180198fff8c4f/1600x1200.jpg)

## Summary

Simply drag MDX\_3DModelViewer onto your canvas, paste a GLB or GLTF URL, and publish.

## Description

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

1.  Drag **MDX\_3DModelViewer** onto your canvas.
    
2.  Paste your **.glb** or **.gltf** link into the Model URL property.
    
3.  Adjust your size, background, and rotation preferences.
    
4.  **Publish.** No plugins, code, or external accounts needed.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #11048

## Details

- **Author**: MODAX
- **Price**: $49.00
- **Published**: 2026-07-06
- **Updated**: 2026-10-09
- **Added**: 2026-07-06
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step