---
title: "BeforeAfter Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Jimuel Candole · Interactive. Customizable Before & After Slider"
canonical: "https://framer.elliotli.dev/component/beforeafter-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/BeforeAfter Pro

# BeforeAfter Pro

Customizable Before & After Slider

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

![BeforeAfter Pro preview image 1](https://framer.elliotli.dev/og/component/beforeafter-pro/a25f93a99562e03e/1600x1200.jpg)

## Summary

Customizable Before & After Slider

## Description

A premium, customizable before & after image comparison slider. Upload your images, customize labels, handle, divider, colors, animations, and create beautiful interactive comparisons in seconds. [TUTORIAL](https://youtu.be/S4aIc659Qrs?si=Ubw7xm-e5DwODVv8) , 
[PREVIEW](https://before-and-after-pro.framer.website/)

**Key features:**

-   Compare two images with an interactive drag handle
    
-   Upload custom Before and After images directly from the property panel
    
-   Adjustable corner radius
    
-   Optional Before & After labels
    
-   Customize typography, alignment, colors, spacing, and backgrounds
    
-   Resize and recolor the drag handle
    
-   Adjust divider thickness and color
    
-   Smooth native animations
    
-   Configurable starting position and playback
    
-   Scroll-triggered entrance animation
    

**Keywords:**

before after, before after slider, image comparison, comparison slider, image slider, before and after, photo comparison, interactive slider, drag slider, comparison, image reveal, image comparison tool, UI comparison, glow up effect, before after effect, retouching.

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

-   All · #1702

## Details

- **Author**: Jimuel Candole
- **Price**: $5.00
- **Published**: 2026-07-23
- **Updated**: 2026-08-20
- **Added**: 2026-07-23
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step