---
title: "Immersive Orbit — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ameva · Interactive. 3D interactive image gallery"
canonical: "https://framer.elliotli.dev/component/immersive-orbit"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Immersive Orbit

# Immersive Orbit

3D interactive image gallery

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

![Immersive Orbit preview image 1](https://framer.elliotli.dev/og/component/immersive-orbit/1817ed1a9cd99c31/1600x1200.jpg)

## Summary

3D interactive image gallery

## Description

Add a premium interactive 3D sphere gallery to your Framer site with smooth magnetic hover physics, dynamic scroll zooming, and cinematic WebGL motion.

**Features**

-   Real-time 3D orbit rotation and spatial generation
    
-   Premium WebGL-powered image and texture rendering
    
-   Smooth damped hover physics with magnetic cursor pull
    
-   Dynamic scroll-to-zoom camera controls
    
-   Seamless Framer router integration for links
    
-   Highly optimized Three.js performance
    
-   Responsive resize handling and spatial hashing
    
-   Clean layered visual architecture
    
-   Works perfectly for portfolios, sections, and premium UI
    
-   Customizable colors, sizes, physics, and zoom limits
    

**Customization Options**

-   Gallery images and custom links
    
-   Total image count
    
-   Global scale and base 3D radius
    
-   Depth randomness and individual image size
    
-   Connecting string color and opacity
    
-   Core nucleus color and size
    
-   Hover area distance and magnetic attraction
    
-   Auto-rotation speed and hover damping
    
-   Min/Max zoom limits and scroll wheel speed
    

**How to Use**

1.  Drop the component onto your Framer canvas.
    
2.  Upload your images and assign custom links.
    
3.  Adjust the 3D layout scale, radius, and image sizes.
    
4.  Customize the connecting lines and core colors to match your brand.
    
5.  Tune the hover physics, magnetic pull, and rotation speed.
    
6.  Publish for a premium interactive 3D experience.
    

**Use Cases**

-   Premium portfolio showcases
    
-   Interactive team member sections
    
-   Modern client logo clouds
    
-   AI product features
    
-   Hover-enhanced photo galleries
    
-   Futuristic UI systems
    
-   Dark mode interfaces
    
-   Interactive landing page hero blocks
    

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

-   All · #1619

## Details

- **Author**: Ameva
- **Price**: $5.00
- **Published**: 2026-06-28
- **Updated**: 2026-09-21
- **Added**: 2026-06-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