OrbitalCircleGallery

Scroll circular gallery with focus

Detail Turn flat image lists into a smooth, focus-driven experience. Orbital Circle Gallery is a vertical, motion-based gallery component that brings depth, hierarchy, and flow into your layout — using smooth scrolling interaction and dynamic scaling. As users scroll, images move from bottom to center, growing into focus while surrounding items fade and shrink. The result is a clean, premium interaction that naturally guides attention. It’s not just a gallery — it’s a motion-driven spotlight. Smooth interaction & motion Scroll-based navigation (primary interaction) Optional button controls (Prev / Next) Keyboard navigation support Soft spring-based animation (no jitter) Wheel lock system to prevent overscrolling Every movement is tuned to feel responsive and premium. Fully customizable Control everything directly from the Framer panel: Active / inactive image size Vertical spacing (layout balance) Scale & opacity behavior Blur depth effect Animation speed & spring feel Scroll sensitivity (wheel lock) Button visibility & styling Initial focus position No code required — everything is adjustable visually. Perfect for Portfolio websites Product showcases Landing page highlights Case study sections Creative studios Content spotlight sections Why this is worth it Instead of building complex scroll interactions and motion logic from scratch, you get a polished, production-ready gallery that instantly elevates your UI. Drop it in, tweak a few controls, and your layout feels alive.

Scroll circular gallery with focus