---
title: "3D Viewer — Free Framer component · Best of Framer"
description: "Free Framer component · by 584.studio · Interactive. Description Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links."
canonical: "https://framer.elliotli.dev/component/3d-viewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/3D Viewer

# 3D Viewer

Interactive 3D Viewer

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

![3D Viewer preview image 1](https://framer.elliotli.dev/og/component/3d-viewer/73b4259582acea10/1600x1200.jpg)

## Summary

Description Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links.

## Description

### **Description**

Interactive 3D Viewer lets you add real 3D models to Framer without using Lottie, embeds, or external preview links.

Upload a GLB or GLTF file directly into the component, just like an image or video, and display it instantly on your site. Perfect for product pages, e-commerce stores, portfolios, landing pages, and interactive showcases.

You can control the full viewing experience from the Framer properties panel: auto-rotation, camera controls, background color, shadow intensity, exposure, and environment mode.

### **Key features**

-   Upload GLB and GLTF models directly in Framer
    
-   No external links or embed setup needed
    
-   Auto-rotation on/off
    
-   Camera controls on/off
    
-   Adjustable background color
    
-   Shadow intensity control
    
-   Exposure control
    
-   Neutral or legacy environment mode
    
-   Full-width and full-height responsive display
    
-   Easy to use in product pages, hero sections, and interactive showcases
    

### **Share your build**

If you build something with it, share it on X and tag @584\_studio. It’s a simple way to support our work.

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

-   All · #171

## Details

- **Author**: 584.studio
- **Published**: 2026-07-09
- **Updated**: 2026-07-09
- **Added**: 2026-07-09
- **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