---
title: "Before-After Compare — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Design Foundry · Interactive. Interactive Before & After Slider"
canonical: "https://framer.elliotli.dev/component/before-after-compare"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Before-After Compare

# Before-After Compare

Interactive Before & After Slider

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

![Before-After Compare preview image 1](https://framer.elliotli.dev/og/component/before-after-compare/6905a7e653ed74fb/1600x1200.jpg)

## Summary

Interactive Before & After Slider

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

-   All · #1888

## Details

- **Author**: Design Foundry
- **Price**: $5.00
- **Published**: 2026-10-23
- **Updated**: 2026-11-09
- **Added**: 2026-10-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