---
title: "Compare Image — Free Framer component · Best of Framer"
description: "Free Framer component · by Otvos · Interactive. Users can move this divider bar to better see the differences between the two images."
canonical: "https://framer.elliotli.dev/component/compare-image"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Compare Image

# Compare Image

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

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

## Summary

Users can move this divider bar to better see the differences between the two images.

## Description

Users can move this divider bar to better see the differences between the two images. Additionally, the component allows the addition of a customizable SVG element that can follow the mouse movement along the X-axis, providing a dynamic and engaging visual experience. This can be used in various applications, such as graphic design, presentations, or visual comparisons in web projects.

**Dynamic SVG Integration**

This component includes support for embedding customizable SVG graphics that respond to mouse movements. This feature is particularly useful for adding dynamic visual elements to your comparisons.

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

-   All · #5796

## Details

- **Author**: Otvos
- **Published**: 2025-08-04
- **Updated**: 2025-08-04
- **Added**: 2025-07-31
- **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