OrbitalCircleGallery

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.