component
Soft Rotate Scenes
By Anastasia Satnichenka

Details
- Anastasia SatnichenkaAuthor
- componentType
- 2026-07-23Published
- 2026-09-02Updated
- 2026-07-23Added
- CardsCategories
Summary
3D cards with synced backgrounds
Description
Create cinematic scroll sequences with oversized cards that softly rotate in 3D while full-screen background scenes change in sync. Pair every image with its own responsive scene, choose between fade and cut transitions, and customize card size, ratio, position, depth, spread, perspective, vignette, marquee, shadows, and blend modes directly in Framer. Built with React and CSS 3D transforms—no Three.js. Includes separate desktop, tablet, and phone controls, optional card links, custom breakpoints, and reduced-motion support.
Introduction
3D cards with synced backgrounds
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5673