---
title: "Scroll Choreography — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Karim Saif · Sections. Physics-driven scroll"
canonical: "https://framer.elliotli.dev/component/scroll-choreography"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Scroll Choreography

# Scroll Choreography

Physics-driven scroll

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

![Scroll Choreography preview image 1](https://framer.elliotli.dev/og/component/scroll-choreography/1d0c684ed282a32c/1600x1180.jpg)

## Summary

Physics-driven scroll

## Description

### ScrollChoreography Component

Transform static media into dynamic, storytelling experiences. **ScrollChoreography** gives you complete control over multi-card scroll timelines, motion blur effects, dynamic spring physics, and responsive viewports.

### Key Features

-   **Layout Presets:** Switch instantly between **2x2 Grid**, **Diagonal**, **Horizontal Fan**, and **Stacked** initial arrangements.
    
-   **Hero Expansion Modes:** Choose how your hero card transitions—options include **Fullscreen**, **Scale Up**, **Fade Out**, **Deep Zoom**, and **Cover Viewport**.
    
-   **Interactive Hero Content:** Overlay custom badges, headlines, subtext, and call-to-action buttons that smoothly fade and lift into view as the card expands.
    
-   **Spring Physics Control:** Fine-tune movement responsiveness with customizable stiffness, damping, and mass controls.
    
-   **Canvas Developer Scrubber:** Preview and debug timeline keyframes right inside the Framer canvas before publishing.
    
-   **Full Design Customization:** Independently adjust card rotations, scales, z-index layering, border radii, shadows, and motion blur amounts.
    

### Need help?

Have questions or feature suggestions? Reach out anytime at [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com) or on X [@karimsaif0](https://x.com/karimsaif0).

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

-   All · #5891

## Details

- **Author**: Karim Saif
- **Price**: $5.00
- **Published**: 2026-08-03
- **Updated**: 2026-09-16
- **Added**: 2026-08-03
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes