---
title: "Compariison_slider — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Rob Huttinga · Carousels. Multif. comparison slider photo + video"
canonical: "https://framer.elliotli.dev/component/compariison-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Compariison\_slider

# Compariison\_slider

Multif. comparison slider photo + video

[View on Framer](https://framer.com/marketplace/components/compariison-slider/?via=elliot-li)

![Compariison\_slider preview image 1](https://framer.elliotli.dev/og/component/compariison-slider/635522d659ed25bf/1600x1200.jpg)

## 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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10951

## Details

- **Author**: Rob Huttinga
- **Price**: $8.00
- **Published**: 2025-10-16
- **Updated**: 2026-02-04
- **Added**: 2025-10-08
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view