Media Gallery Slider is a single drag-and-drop Framer component that turns your videos and images into a cinematic, draggable carousel. Drop it in, add your media, and it works — no extra setup required.
Video Mode Drag through your videos with smooth snap transitions. Each video features corner brackets, a press-to-darken effect with a custom crosshair, and a play button that opens a full custom fullscreen player. The player includes a scrubable progress bar with hover thumbnail previews, a vertical volume slider, and current and total time — all in your chosen font.
Image Mode A clean, distraction-free version of the same carousel for images. No overlays, no player — just smooth dragging.
Label Strip A scrolling numbered strip below the carousel tracks the active slide in sync with your drag. Fully customizable font, size, and color.
Full customization via Framer property controls — no code needed
Responsive — adapts to any frame size automatically
Supports custom slide titles with animated transitions
Configurable fonts, colors, icon sizes, brackets, and fade color
Smooth, performant drag and snap with no dependencies
Media Gallery Slider is a single drag-and-drop Framer component that turns your videos and images into a cinematic, draggable carousel. Drop it in, add your media, and it works — no extra setup required.
Video Mode Drag through your videos with smooth snap transitions. Each video features corner brackets, a press-to-darken effect with a custom crosshair, and a play button that opens a full custom fullscreen player. The player includes a scrubable progress bar with hover thumbnail previews, a vertical volume slider, and current and total time — all in your chosen font.
Image Mode A clean, distraction-free version of the same carousel for images. No overlays, no player — just smooth dragging.
Label Strip A scrolling numbered strip below the carousel tracks the active slide in sync with your drag. Fully customizable font, size, and color.
Full customization via Framer property controls — no code needed
Responsive — adapts to any frame size automatically
Supports custom slide titles with animated transitions
Configurable fonts, colors, icon sizes, brackets, and fade color
Smooth, performant drag and snap with no dependencies
