---
title: "Soft Rotate Scenes — Free Framer component · Best of Framer"
description: "Free Framer component · by Anastasia Satnichenka · Cards. 3D cards with synced backgrounds"
canonical: "https://framer.elliotli.dev/component/soft-rotate-scenes"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Soft Rotate Scenes

# Soft Rotate Scenes

3D cards with synced backgrounds

[View on Framer](https://framer.com/marketplace/components/soft-rotate-scenes/?via=elliot-li)

![Soft Rotate Scenes preview image 1](https://framer.elliotli.dev/og/component/soft-rotate-scenes/1d66322df0819288/1600x1200.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4439

## Details

- **Author**: Anastasia Satnichenka
- **Published**: 2026-07-23
- **Updated**: 2026-10-04
- **Added**: 2026-07-23
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards