---
title: "360° Panorama Viewer — Free Framer component · Best of Framer"
description: "Free Framer component · by Arun Raj · Interactive. 360° panorama viewer component built on THREE.js, which can be used to view any panoramic images and videos."
canonical: "https://framer.elliotli.dev/component/360-panorama-viewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/360° Panorama Viewer

# 360° Panorama Viewer

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

![360° Panorama Viewer preview image 1](https://framer.elliotli.dev/og/component/360-panorama-viewer/0b73edc153717f54/1600x1200.jpg)

## Summary

360° panorama viewer component built on THREE.js, which can be used to view any panoramic images and videos.

## Description

360° panorama viewer component built on THREE.js, which can be used to view any panoramic images and videos. It features scroll to zoom-in/out, double click to full screen mode, hold & move around using left click. easy to customize.

### Capabilities

-   Displays both **panoramic images** and **360° videos** with fluid rendering.
    
-   Offers intuitive controls:
    
    -   **Scroll** to zoom seamlessly.
        
    -   **Double-click** to enter or exit **full-screen mode** instantly.
        
    -   **Click and drag** to navigate the scene naturally.
        
-   Engineered for **easy setup and tailoring**, making it adaptable to various design and interaction needs.
    

## Customization Options (from UI panel)

### Media Settings

-   **Type:** Switch between _Image_ and _Video_ modes.
    
-   **Image/Video Upload:** Add or replace the panoramic image/video directly.
    

### Behavior Controls

-   **Animate:** Enable or disable automatic rotation of the scene.
    
-   **Control UI:** Toggle the on-screen user interface for navigation.
    

### Styling

-   **Control Styles:** Customize visual properties of the viewer’s UI controls (e.g., size, spacing, icon styling).
    

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

-   All · #2664

## Details

- **Author**: Arun Raj
- **Published**: 2025-11-24
- **Updated**: 2025-11-24
- **Added**: 2025-11-15
- **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