I took Soft Rotate and gave it a full-scene upgrade. The oversized cards still rotate in 3D as yo...I took Soft Rotate and gave it a full-scene upgrade. The oversized cards still rotate in 3D as yo...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Anastasia's avatar
Anastasia Satnichenka
• Jul 23
I took Soft Rotate and gave it a full-scene upgrade.
The oversized cards still rotate in 3D as you scroll—but now every image can bring its own full-screen background with it. The card and scene transition together, making the gallery feel less like a stack of images and more like one continuous cinematic sequence.
It supports separate desktop, tablet, and phone scenes, fade or cut transitions, viewport-wide backgrounds, responsive card sizing and positioning, plus controls for depth, spread, perspective, vignette, marquee, shadows, and blend modes.
Built entirely in Framer with React + CSS transforms. No Three.js.
Preview: https://contra.com/products/mtVXq1Pd-soft-rotate-scenes-scroll-synced-3-d-gallery
Where would you use it—portfolio, campaign, or product story?
FramerReactdesign
Maty's avatar
Maty Sandoval
max
• Jul 24
The full-screen image transitions you've created transform a gallery from static to cinematic. The way the 3D card rotation carries momentum through scroll is really compelling—did you find viewport-wide backgrounds worked better for engagement than contained card views?
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started