---
title: "ComparisonSlider Pro — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Bhavin Hirpara · Carousels. Interactive before & after image"
canonical: "https://framer.elliotli.dev/component/comparisonslider-pro"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ComparisonSlider Pro

# ComparisonSlider Pro

Interactive before & after image

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

![ComparisonSlider Pro preview image 1](https://framer.elliotli.dev/og/component/comparisonslider-pro/fff203295338c5e2/1600x1200.jpg)

## Summary

Interactive before & after image

## Description

Showcase transformations with a smooth before/after image comparison slider. Perfect for interior design, renovations, architecture, landscaping, photography, beauty, and product showcases.

### Features

✅ Before & After image support

✅ Horizontal & Vertical orientation

✅ Auto Play

✅ Adjustable start position

✅ Custom divider styles

✅ Multiple handle icons

✅ Custom colors

✅ Editable Before/After labels

✅ Touch & mouse support

✅ Fully responsive

✅ Zero setup required

### Best For

-   Interior Designers
    
-   Architects
    
-   Real Estate
    
-   Home Renovation
    
-   Landscaping
    
-   Photographers
    
-   Beauty Clinics
    
-   Product Comparison
    
    #Framer #FramerComponent #FramerMarketplace #FramerCommunity #FramerCreator #NoCode #WebsiteDesign #WebDesign #UIDesign #UXDesign #InteractionDesign #ProductDesign #ResponsiveDesign #CreativeDeveloper #BeforeAfterSlider #ImageComparison #DesignTools #Frontend #WebAnimation #MadeWithFramer
    

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

-   All · #4499

## Details

- **Author**: Bhavin Hirpara
- **Price**: $10.00
- **Published**: 2026-07-24
- **Updated**: 2026-07-24
- **Added**: 2026-07-24
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow