Parallax Video Slider is a high performance infinite horizontal video carousel designed for Framer. It combines smooth scrolling, drag interaction, and cinematic parallax motion to create an immersive visual experience.
Each slide supports video playback with optional poster images, hover overlays, and clickable links. The component is fully customizable through property controls, allowing designers to easily adjust layout, speed, parallax intensity, typography, and styling without touching code.
The slider automatically loops infinitely, creating a continuous browsing experience that works smoothly across desktop and mobile devices.
Infinite horizontal looping slider
Smooth inertial scrolling with lerp animation
Drag and swipe support for desktop and mobile
Parallax motion applied to video content
Video autoplay with mute and loop controls
Upload video files or use external video URLs
Hover overlay with title and arrow indicator
Clickable slides with custom links
Fully customizable slide size and spacing
Adjustable scroll speed and max velocity
Control video zoom using video scale
Smooth hover animations for overlay content
Responsive behavior for different screen sizes
Optimized performance using requestAnimationFrame
Infinite carousel layout with seamless looping
Cinematic parallax movement for depth effect
Interactive drag and scroll navigation
Hover title overlay for project previews
Video poster image support
Custom typography controls for titles
Adjustable border radius for slides
Background and overlay color controls
Works smoothly with Framer canvas and preview
Add the component to your Framer canvas
Open the Slides property control
Add slides with title, video, poster image, and link
Choose between Video Upload or Video URL
Adjust slide width, height, and spacing
Configure scroll speed and smoothness
Customize overlay colors and title typography
Enable or disable autoplay, mute, and looping
Portfolio project showcase
Creative agency websites
Product feature previews
Video galleries
Interactive landing page sections
Startup product demos
Design studio presentations
Website hero sections
Portfolio landing pages
Product highlight sections
Creative studio websites
Video based storytelling layouts
Case study showcases
Interactive marketing pages
Mohd Mehraj
