---
title: "RevealSliderPro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by ANIMESH MONDAL · Carousels. Drag -reveal before & after image slider"
canonical: "https://framer.elliotli.dev/component/premiumafterslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/RevealSliderPro

# RevealSliderPro

Drag -reveal before & after image slider

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

![RevealSliderPro preview image 1](https://framer.elliotli.dev/og/component/premiumafterslider/5a9f8b070b71a55a/1600x1200.jpg)

## Summary

Drag -reveal before & after image slider

## Description

## What Is This?

Before & After Slider Pro lets you place two images side by side and let visitors interact with them — sliding, swiping, or dragging to compare the difference. Perfect for showcasing photo edits, design transformations, website redesigns, product changes, or any "before vs after" story you want to tell.

No code needed. Drop it into your Framer project, upload your images, and it works instantly.

## 3 Slider Modes — Pick the Feel You Want

Every mode has a completely different look and interaction style. You can switch between them right inside the component using the built-in tab switcher, or lock it to one mode from the Property Panel.

**3a. Unveil Mode:**

**Best for:** Photo retouching, color grading, skin editing, room makeovers.

**3b. Swipe Mode:**

**Best for:** Website redesigns, UI before/after, app screen comparisons.

**3c. Fixed Mask Mode:**

**Best for:** Product packaging changes, illustration reveals, architectural before/after.

## Key Features

**Interaction & Feel**

-   Smooth spring animation when position resets
    
-   Handle scales down when grabbed for a satisfying tactile feel
    
-   Subtle hover zoom on the image for a polished, premium look
    
-   Custom cursor changes to col-resize on hover and grabbing while dragging
    
-   Full mobile & touch support — works perfectly on phones and tablets
    

**Labels (AFTER / BEFORE)**

-   Show or hide the labels independently
    
-   Customize text, font size, font weight, padding, offset position
    
-   Labels fade in/out smoothly as you drag so they never overlap the handle
    
-   Full color control for text and background
    

**Handle & Line**

-   Change handle circle size, color, and line width
    
-   Arrow icon color is separately controllable
    
-   Gradient divider line fades at the top and bottom for a refined look
    
-   Handle animates on hover and drag
    

**Fully Responsive**

-   Works on all screen sizes
    
-   Adapts to any fixed width and height you set in Framer
    

## How to Use

1.  Copy the component into your Framer project from the Assets panel
    
2.  Drag it onto your canvas
    
3.  In the Property Panel on the right, upload your **Left Image** (After) and **Right Image** (Before)
    
4.  Choose your preferred **Mode** — Unveil, Swipe, or Fixed Mask
    
5.  Customize labels, handle color, tab style to match your design
    
6.  Done — publish and share
    

## Refund Policy

This is a digital product. Because the remix link gives you immediate access to the full component, **no refunds, returns, or exchanges are offered** once the purchase is completed or the remix link has been accessed. Please review the preview carefully before purchasing.

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

-   All · #9388

## Details

- **Author**: ANIMESH MONDAL
- **Price**: $5.00
- **Published**: 2026-01-30
- **Updated**: 2026-04-25
- **Added**: 2026-01-13
- **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