Parallax Video Slider is a cinematic horizontal video gallery designed to create a smooth and immersive browsing experience on Framer websites. Instead of traditional sliders, videos move across the screen with a continuous infinite scroll system.
As the slider moves, each video shifts at a slightly different speed using a parallax effect, creating depth and motion that feels fluid and dynamic. The center of the viewport becomes the visual focus while surrounding slides smoothly move in and out of view.
Users can explore the gallery using mouse wheel scrolling, dragging, or touch gestures on mobile devices. The slider uses velocity based motion and smoothing interpolation to ensure transitions feel natural and responsive.
Each slide supports video uploads or external video URLs, optional poster images, hover overlays with titles, and clickable links for navigation. Videos can autoplay when visible, loop continuously, and remain muted for optimal browser compatibility.
The component is fully customizable, allowing designers to adjust slide size, spacing, scroll speed, parallax intensity, video scale, hover animation, and typography styling.
Infinite horizontal video slider
Smooth scroll and drag interaction
Cinematic parallax motion effect
Velocity based motion with smooth interpolation
Supports video uploads and external URLs
Optional poster images for videos
Hover overlay with titles and arrow indicator
Clickable slides with custom URLs
Adjustable video scale and parallax intensity
Customizable slide size and spacing
Optimized for smooth performance in Framer
Video portfolio galleries
Product demo showcases
Creative agency websites
Startup landing pages
Brand storytelling sections
Media rich homepage layouts
Designers building interactive Framer websites
Agencies showcasing video projects
Product teams presenting demo videos
Creators displaying video portfolios
Websites that need immersive media browsing
Turns static video galleries into interactive experiences
Creates a cinematic scrolling effect with parallax motion
Encourages exploration through drag and scroll interaction
Highly customizable for different website styles
Optimized for smooth animation performance in Framer