---
title: "BeforeAfter Reveal — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Qasid Hussain · Carousels. Interactive image comparison slider for"
canonical: "https://framer.elliotli.dev/component/beforeafter-reveal"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/BeforeAfter Reveal

# BeforeAfter Reveal

Interactive image comparison slider for

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

![BeforeAfter Reveal preview image 1](https://framer.elliotli.dev/og/component/beforeafter-reveal/93c5548615ff732c/1600x1200.jpg)

## Summary

Interactive image comparison slider for

## Description

### Interactive Before/After Comparison

Create stunning side-by-side image comparisons with a draggable slider that reveals transformations in real time. Perfect for UI redesigns, photo editing, branding projects, renovations, and portfolio showcases.

### Features

-   Horizontal & vertical comparison modes
    
-   Smooth draggable divider interaction
    
-   Custom divider color, width & shadow
    
-   Optional animated circular handle
    
-   Adjustable initial slider position
    
-   Multiple cursor interaction styles
    
-   Smooth follow animation support
    
-   Fully responsive on all screen sizes
    
-   Click anywhere to reposition divider
    
-   Double-click to reset position
    
-   Easy image upload via Framer properties
    
-   No coding required
    

### Perfect For

-   UI/UX case studies
    
-   Photo retouching showcases
    
-   Brand redesign presentations
    
-   Before/after transformations
    
-   Product comparisons
    
-   Portfolio websites
    
-   Creative agencies & freelancers
    

### Customization

Easily customize every visual element directly inside Framer, including images, orientation, divider styles, handle appearance, cursor behavior, and animations to match your brand perfectly.

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

-   All · #4664

## Details

- **Author**: Qasid Hussain
- **Price**: $19.00
- **Published**: 2026-05-26
- **Updated**: 2026-06-08
- **Added**: 2026-05-23
- **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