About Scroll Video Hero
About this Component
Scroll Video Hero turns a simple hero or showreel into a cinematic scroll interaction. The media begins compact, follows the cursor on desktop, then scales smoothly into place while its labels resize with the scroll. The same reveal is responsive on mobile with touch-friendly motion and mobile-specific positioning.
Perfect For
Portfolios, creative studios, agencies, showreels, case studies and landing pages.
Key Features
Scroll-driven media scale reveal
Responsive desktop + mobile animation
Smooth desktop mouse-follow parallax
Upload MP4, WebM, MOV or OGG, or use an embed URL
Optional poster image and fallback state
Adjustable aspect ratio, radius, fit, colors, padding and typography
Separate desktop/mobile positioning and animation sizing
Autoplay, mute and loop controls for uploaded/native video
Static-renderer fallback and reduced-motion support
Optimized offscreen updates
How It Works
Add the component to your page, choose your media, then customize Content, Media, Style, Position, Animation, Mouse Follow and Playback directly in Framer. Scroll controls the reveal automatically—no external triggers or overrides required.
Questions?
Reach out at hasanwali6890@gmail.com
Refund Policy
Because this is a digital product, all sales are final. Refunds are only considered for a confirmed critical technical issue that prevents the component from working as described and cannot be resolved. Report the issue with evidence within 14 days of purchase. Refunds are not provided for change of mind, accidental purchases, aesthetic preferences, incorrect setup, modifications or features not listed above.
