The ultimate video slider built for Framer. Video Slider is a high-end video slideshow component designed to make your projects feel cinematic and alive.
Make it with Workshop
Build your own component with AI
Video Slideshow (V1 + V2)
You get both implementations: VideoSlideshowV1.tsx and VideoSlideshowV2.tsx.
V1 → lightweight baseline, clean and simple.
V2 → premium version with progress pill + extra styling controls.
Shared Features (V1 & V2)
Autoplay & Pause — plays automatically, pauses when offscreen
Easy Navigation — arrows, dots, swipe/drag
Responsive Layout — set max width; works across devices
Custom Styling — colors, fonts, scaling, dot size/placement
Posters & Labels — image + title/subtitle per slide
Configurable Sources — file upload or direct URL for each video
Cinematic Transitions — smooth scale/fade with Framer Motion
Premium Only (V2)
Smooth Progress Pill — precise fill with subtle end hold
Extra pill controls — offset, padding, thickness, colors, widths
More advanced typography & inactive state settings
Why It’s Premium
Zero jump cuts — always animates cleanly
One video active at a time — no overlap playback
Ultra-smooth progress — powered by requestAnimationFrame
Overlay done right — pill floats perfectly without layout breaks