Parallax Video Flow is a high-performance horizontal video gallery designed to create immersive, motion-rich experiences in Framer. It combines smooth locomotive-style scrolling with layered parallax motion, staggered video positioning, and interactive playback behaviour to deliver a premium browsing experience.
The component supports both uploaded videos and external URLs, making it easy to manage media from any source. Videos can auto-play continuously or only play on hover, helping you balance performance and interaction based on your design goals.
With built-in infinite loading, drag interaction, mouse wheel scrolling, optional auto-scroll, grayscale effects, borders, and responsive sizing controls, Parallax Video Flow gives you full creative control without touching code.
Perfect for showcasing portfolios, reels, product demos, campaigns, or storytelling sections where motion and visual impact matter most.
Smooth horizontal scrolling with inertia-like motion
Realistic parallax movement per video with adjustable speed
Supports video upload and external video URLs
Two playback modes
Auto-play all videos
Play only on hover
Infinite loading for seamless, continuous galleries
Mouse drag and scroll wheel interaction
Optional automatic scrolling loop
Staggered layout with multiple size and orientation options
Hover scale animation and grayscale toggle
Popup video preview on click
Fully responsive and canvas-friendly
Custom border radius, border style, and background color
Optimized performance with smooth animation updates
Portfolio websites and showreels
Creative agency landing pages
Motion design showcases
Product demo sections
Brand campaigns and hero sections
Editorial storytelling layouts
Interactive galleries and mood boards
Designers showcasing video-driven work
Agencies presenting motion projects
Creators building immersive landing pages
Startups highlighting product videos
Marketing pages that need visual impact and engagement
Videos
Add multiple videos using upload or URL
Set size, orientation, and parallax speed per video
Add alt text for accessibility
Scrolling
Adjust smoothness for scroll feel
Enable auto scroll and control speed
Drag with mouse or scroll wheel for manual control
Layout
Control spacing between videos
Choose vertical or horizontal orientation per item
Stagger sizes for depth and rhythm
Playback
Select auto play or hover play mode
Popup opens video in focused view
Styling
Set background color
Adjust border radius for rounded corners
Customize border width, color, and style
Toggle grayscale effect on or off
Performance
Infinite loading ensures smooth continuous scrolling
Lightweight animations optimized for Framer preview and publish
Mohd Mehraj
