Video Slider Premium

Key Features

• Smooth Progress Pill – Always accurate, fills to 100%, with a subtle end hold.

• Autoplay & Pause – Videos advance automatically, pausing when offscreen.

• Easy Navigation – Use arrow keys, click dots, or swipe with a trackpad.

• Fully Responsive – Set a max width and let the layout adapt; scrollable on mobile.

• Custom Styling – Control fonts, colors, scaling, dot size, and pill placement.

• Posters & Labels – Add preload images plus titles and subtitles per slide.

• Cinematic Transitions – Smooth scale and fade with Framer Motion.

Advanced Controls

• Play/Pause toggle button

• Adjustable inactive scale/opacity

• Per-slide typography (title & subtitle styles)

• Fully configurable pill (offset, padding, thickness, colors, widths)

• File upload or direct URL video sources

Why it’s Premium

• Zero Jump Cuts — always animate through, dot by dot.

• One Video Plays at a Time — no messy overlaps, ever.

• Ultra Smooth Progress — powered by requestAnimationFrame, not React re-renders.

• Overlay Done Right — the progress pill floats perfectly over the video without breaking Hug/Fit layouts.

• Designed for Storytelling — perfect for hero sections, case studies, launch reels, or portfolios.

Technical Specs

• Pure React (TypeScript)

• Optimized for performance (throttled scroll, rAF progress)

• MP4, MOV, WebM support

• No external dependencies

• Cross-browser compatible

• Built for Framer, drag-and-drop ready