Orbit Image Gallary
Orbit Image Gallery turns your images into a playful, interactive scatter of circles. Every circle is placed randomly across the canvas with a guaranteed no-overlap layout, so the composition always looks intentional — never messy.
Hover any circle and it smoothly morphs in place into a large rounded rectangle, revealing the full image. Nearby circles are gently pushed away and faded back, putting all the focus on what the visitor is exploring.
Random, collision-free circle layout — circles never overlap, with an adjustable minimum gap
Hover-to-zoom morph: circles expand in place with adjustable size of that zoomed image
Touch-ready: automatic tap-to-expand on mobile and tablets, tap outside to close
Push & dim effects on surrounding circles — both toggleable with amount, range, and opacity controls
Layout Seed control: shuffle arrangements instantly, layout stays stable across reloads
Up to 40 images via the properties panel, with responsive image support
Full animation control (spring or tween) using Framer's native Transition picker
Vraj Parikh
