Skip to content

component

Scroll Choreography

By Karim Saif

Details

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 or on X @karimsaif0 .

Introduction

Physics-driven scroll

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600165338/148/228/309/79/15
  • All · #5952