---
title: "Image Compare — Free Framer component · Best of Framer"
description: "Free Framer component · by S0m3s4 · Carousels. Before & After Image Comparison"
canonical: "https://framer.elliotli.dev/component/image-compare"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ Image Compare

# Image Compare

Before & After Image Comparison

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

![ Image Compare preview image 1](https://framer.elliotli.dev/og/component/image-compare/10d9b88ca0f36d7a/1600x1200.jpg)

## Summary

Before & After Image Comparison

## Description

Showcase transformations with an intuitive, interactive image comparison slider. Perfect for photo editing previews, product enhancements, AI-generated results, design iterations, restorations, and visual storytelling. Users can seamlessly drag between two images to reveal changes with smooth animations and a clean, distraction-free interface.

### Features

-   Smooth draggable comparison handle
    
-   Responsive across all screen sizes
    
-   Customizable labels and styling
    
-   Ideal for before/after showcases
    
-   Lightweight and easy to integrate
    
-   Perfect for portfolios, agencies, and product demos
    

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

-   All · #1233

## Details

- **Author**: S0m3s4
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-06-01
- **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