component
Scroll Choreography
By Karim Saif

Details
- Karim SaifAuthor
- componentType
- $5.00Price
- 2026-08-03Published
- 2026-08-03Updated
- 2026-08-03Added
- SectionsCategories
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.
- All · #5952