A scroll-synced 3D gallery for Framer.

Oversized artwork, soft rotation, and backgrounds that change with the scroll.

I designed and built Soft Rotate Scenes to bring foreground images and full-screen scenes into one continuous visual sequence.

As visitors scroll, the artwork rotates gently in 3D while its paired background comes into view.

Choose a fade for a gradual transition or a cut for a sharper change between scenes.

Adjust card size, proportions, placement, depth, spread, and perspective directly in Framer. Fine-tune shadows, blend modes, vignette, and optional marquee text to suit the artwork.

Background scenes can extend across the viewport, even when the component sits inside a narrower page container.

Assign separate scenes for desktop, tablet, and phone, with responsive card sizing and positioning.

Custom breakpoints give you control over when layouts change, so each composition can be arranged for its screen.

Built with React and CSS 3D transforms, with optional card links and reduced-motion support.