component
Compariison_slider
By Rob Huttinga
Details
- Rob HuttingaAuthor
- componentType
- $8.00Price
- 2025-10-16Published
- 2026-02-04Updated
- 2025-10-08Added
- CarouselsCategories
Summary
Multif. comparison slider photo + video
Description
A Before/After comparison slider for Framer. You drop in two visuals (image or video) and get a draggable divider so people can slide and compare “before” vs “after.” It works horizontally or vertically, has an optional round handle with an icon, and you can show labels like “Before” and “After” and style them as desired. Key Features Media types per side: image or video (autoplay/loop/muted for video). Direction: horizontal (left↔right) or vertical (top↕bottom) split. Starting position: where the divider sits initially (0–100%). Divider: color and thickness. Handle: show/hide, size, color, and icon. Use a built-in icon (lots of choices) or upload your own. Corner radius: rounded corners on the whole component. Labels: show/hide “Before / After,” choose text, font, color, text-transform, and position (top/middle/bottom + left/center/right) with inset spacing per label.
Introduction
Multif. comparison slider photo + video
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8632