---
title: "BeforeandAfter — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Fabian Albert · Interactive. Before & after slider"
canonical: "https://framer.elliotli.dev/component/before-after"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/BeforeandAfter

# BeforeandAfter

Before & after slider

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

![BeforeandAfter preview image 1](https://framer.elliotli.dev/og/component/before-after/aabae1525ffc7f73/1600x1200.jpg)

## Summary

Before & after slider

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-lucr5rku-CX8YhT1XztTM6MGO18OB8BEdx2k02R)](https://www.framer.com/marketplace/plugins/eleveight-supply--dyrz0jnnwwyugndbj9bqkcdx0/)

A clean, fast way to compare two images perfect for edits, makeovers, or product changes. Built with GPU acceleration so everything feels smooth and snappy. Pick from 3 transition styles, drag between images, and tweak the look to fit your design. It just works — and looks good doing it.

Adjustable properties

-   3 Transition types
    
-   Corner radius
    
-   Horizontal & vertical directions
    
-   Divider customization
    
-   Custom grabber
    
-   Start position
    
-   Border
    

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

-   All · #8910

## Details

- **Author**: Fabian Albert
- **Price**: $10.00
- **Published**: 2025-08-04
- **Updated**: 2026-05-17
- **Added**: 2025-08-01
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase