Gallery Spin — Rotating image gallery with depth effect
Gallery Spin brings a cinematic, depth-rich image experience to any Framer project. Images are distributed across 5 concentric rings that rotate together like a tilted disc in 3D space — near cards emerge large and vivid while far cards recede into the background, creating a seamless sense of depth without any 3D library.
Key Features
Orbital Disc Motion — All rings rotate as a single solid disc, giving a smooth, satisfying circular flow that never feels mechanical.
Perspective Depth — A built-in tilt system makes the bottom arc appear close (large, full opacity) and the top arc appear distant (small, faded), simulating a real 3D perspective plane.
5 Concentric Rings — 70 card slots distributed across rings of 6, 10, 14, 18, and 22 images. Cards repeat intelligently so any number of images works — even just one.
Native Framer Image Upload — Uses Framer's built-in image array control. No external URLs or code needed.
Spacing Control — Scales all ring radii simultaneously, adjusting both the gap between rings and the arc-length gap between cards on the same ring.
60fps RAF Loop — Animates via direct DOM writes in a requestAnimationFrame loop — no React re-renders, no jank at any particle count.
Best used for hero sections, mood boards, portfolio showcases, app feature highlights, and anywhere a static image grid would feel flat.
