---
title: "BeforeAfterCarousel — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Munzir Kareem · Carousels. BeforeAfterCarousel is a smooth, animated carousel that splits images down the middle — showing the \"before\" on one side…"
canonical: "https://framer.elliotli.dev/component/beforeaftercarousel"
---

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

# BeforeAfterCarousel

Split before/after carousel

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

![BeforeAfterCarousel preview image 1](https://framer.elliotli.dev/og/component/beforeaftercarousel/773bff9bf1fbf724/1600x1200.jpg)

## Summary

BeforeAfterCarousel is a smooth, animated carousel that splits images down the middle — showing the "before" on one side and the "after" on the other.

## Description

BeforeAfterCarousel is a smooth, animated carousel that splits images down the middle — showing the "before" on one side and the "after" on the other. Perfect for AI tools, photo editors, skincare brands, or any product that showcases visual transformations.

**How to Use**

1.  Copy the component URL and paste it onto your Framer canvas
    
2.  Replace the placeholder images with your own before/after pairs
    
3.  Adjust speed, size, and spacing from the properties panel
    
4.  Publish your site — done!
    

**Use Cases**

-   AI image transformation tools
    
-   Skincare / beauty before & after
    
-   Photo editing showcases
    
-   Interior design makeovers
    
-   Fitness transformation stories
    
    Demo

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

-   All · #8124

## Details

- **Author**: Munzir Kareem
- **Price**: $10.00
- **Published**: 2026-04-10
- **Updated**: 2026-06-06
- **Added**: 2026-03-28
- **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