---
title: "BeforenAfter Slider — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivam Upadhyay · Carousels. Before and After Slider"
canonical: "https://framer.elliotli.dev/component/beforenafter-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/BeforenAfter Slider

# BeforenAfter Slider

Before and After Slider

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

![BeforenAfter Slider preview image 1](https://framer.elliotli.dev/og/component/beforenafter-slider/2cfaf8548314d825/1600x1409.jpg)

## Summary

Before and After Slider

## Description

Before and After Slider

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

-   All · #7288

## Details

- **Author**: Shivam Upadhyay
- **Published**: 2026-09-15
- **Updated**: 2026-09-15
- **Added**: 2026-09-15
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view