Immersive Orbit

3D interactive image gallery

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 Drop the component onto your Framer canvas. Upload your images and assign custom links. Adjust the 3D layout scale, radius, and image sizes. Customize the connecting lines and core colors to match your brand. Tune the hover physics, magnetic pull, and rotation speed. 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

3D interactive image gallery