---
title: "iOS Spatial Scene — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Johnathan B. · Sections. Transform static images into immersive 3D experiences with realistic parallax depth effects."
canonical: "https://framer.elliotli.dev/component/spatial-scene"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/iOS Spatial Scene

# iOS Spatial Scene

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

![iOS Spatial Scene preview image 1](https://framer.elliotli.dev/og/component/spatial-scene/ca1043d7cc1488fa/1600x1200.jpg)

## Summary

Transform static images into immersive 3D experiences with realistic parallax depth effects.

## Description

Transform static images into immersive 3D experiences with realistic parallax depth effects. This component uses WebGL shaders to create the illusion of spatial depth based on mouse movement, bringing your designs to life.

**✨ Key Features:**

-   **Easy Setup**: Just upload your main image and depth map
    
-   **Responsive Design**: Works seamlessly across desktop and mobile breakpoints
    
-   **Performance Optimized**: Battery-efficient rendering with automatic idle detection
    
-   **Cross-Device Compatible**: Runs smoothly on all devices from phones to desktops
    
-   **Customizable Sensitivity**: Fine-tune horizontal and vertical parallax intensity
    

**🎨 How It Works:** Upload any image along with its corresponding depth map. The component analyzes the depth information to create realistic 3D parallax movement as users interact with your design.

**🆓 Free Depth Map Generator:** Don't have a depth map? Generate one for free using AI-powered tools - for example [this one](https://app.artificialstudio.ai/tools/image-depth-map-generator).

**⚡ Technical Highlights:**

-   WebGL-powered rendering for smooth 60fps performance
    
-   Automatic device pixel ratio optimization
    
-   Smart animation pausing to preserve battery life
    

Perfect for hero sections, product showcases, portfolio pieces, and any design that needs that extra dimension of visual engagement.

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

-   All · #9134

## Details

- **Author**: Johnathan B.
- **Price**: $10.00
- **Published**: 2025-09-15
- **Updated**: 2025-10-29
- **Added**: 2025-08-24
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove