---
title: "Multi 3D ModelViewer — Framer component · Best of Framer"
description: "$7.00 · Framer component · by KalpX Studio · Interactive. An interactive 3D models viewer"
canonical: "https://framer.elliotli.dev/component/multi-3d-modelviewer"
---

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

# Multi 3D ModelViewer

An interactive 3D models viewer

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

![Multi 3D ModelViewer preview image 1](https://framer.elliotli.dev/og/component/multi-3d-modelviewer/2ed73bcd56418bdf/1600x1200.jpg)

## Summary

An interactive 3D models viewer

## Description

## Instruction to use

**Getting Started:** The component includes a default Astronaut model so that you can see it in action immediately.

**Adding Your Models:**

1.  Open the **Models** section in the properties panel
    
2.  For each model, you have two options:
    
    -   **Model URL**: Paste a direct link to a .glb/.gltf file
        
    -   **Or Upload File**: Click to upload a local .glb/.gltf file from your computer
        

**Camera & Position Controls:** Fine-tune how each model appears:

-   **camH** (Horizontal): Rotate camera left/right (-180 to 180)
    
-   **camV** (Vertical): Camera height angle (0-180, default 75)
    
-   **camDist**: Zoom in/out (higher = further away, default 2)
    
-   **rotX/Y/Z**: Rotate the model itself
    
-   **scale**: Make the model bigger/smaller
    
-   **posX/Y/Z**: Shift model position
    

**Multiple Models:**

-   Click **+** to add more models
    
-   Use the arrow buttons (← →) at the bottom to switch between them
    
-   Choose animation style: None, Fade In, or Pop Out
    

**Tips:**

-   Start with the default model and tweak camera settings
    
-   The upload file takes priority over the URL if both are set
    
-   Adjust camDist first for proper framing (try 3-5 for most models)
    

### Key features:

-   Supports multiple GLB / GLTF 3D models in one component
    
-   Smooth model switching with selectable transition animations
    
-   Gesture-based rotation and zoom
    
-   Adjustable camera, scale, and model positioning per asset
    
-   Customizable lighting and shadow controls
    

Any questions? email us: [kalpx@post.com](mailto:kalpx@post.com)

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

-   All · #7403

## Details

- **Author**: KalpX Studio
- **Price**: $7.00
- **Published**: 2026-02-20
- **Updated**: 2026-08-17
- **Added**: 2026-02-16
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase