OrbitalCircleGallery
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.
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.
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.
Portfolio websites Product showcases Landing page highlights Case study sections Creative studios Content spotlight sections
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.
Heyuhm
