---
title: "360 Scene Viewer — Free Framer component · Best of Framer"
description: "Free Framer component · by The Big Design Project · Interactive. 360° viewer for equirectangular images"
canonical: "https://framer.elliotli.dev/component/360-scene-viewer"
---

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

# 360 Scene Viewer

360° viewer for equirectangular images

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

![360 Scene Viewer preview image 1](https://framer.elliotli.dev/og/component/360-scene-viewer/4a2b8c790cc568a8/1600x1200.jpg)

## Summary

360° viewer for equirectangular images

## Description

To set up the component for the best 360° viewing experience, follow these steps:1. Place the component inside your breakpoint frame and set width to fill/relative 100%. For the height set to at least 100vh for best experience - however, you may choose to increase or decrease the height based on your preference. 2. In the settings panel for the component, click on upload and load your equirectangular image in the component. You can turn any image you have into an Equirectangular panoramic image using any popular image generation model with a single, simple prompt e.g. "turn this image into an equirectangular image". An equirectangular image should look somewhat like the image shown below.3. Press preview to see the scene live in 3D format. Hold and drag on the screen to explore. 4. You can also set auto-rotation on, allowing for an immersive experience even when not dragging on the image.

![The equirectangular image used in the component preview.](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-shfzsrkq-zfWhri9SDukRomC9ZHJUgJ7eOl4YFj)The equirectangular image used in the component preview.

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

-   All · #1383

## Details

- **Author**: The Big Design Project
- **Published**: 2026-04-30
- **Updated**: 2026-04-30
- **Added**: 2026-04-28
- **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