---
title: "DualViewCompare — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Talha Manzoor · Interactive. DualViewCompare is an interactive image comparison component that lets users explore before/after transformations by dragging…"
canonical: "https://framer.elliotli.dev/component/dualviewcompare"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/DualViewCompare

# DualViewCompare

Image comparison slider

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

![DualViewCompare preview image 1](https://framer.elliotli.dev/og/component/dualviewcompare/bc80a8aeaf0a0471/1600x1200.jpg)

## Summary

DualViewCompare is an interactive image comparison component that lets users explore before/after transformations by dragging a divider between two images.

## Description

**“DualViewCompare is an interactive image comparison component that lets users explore before/after transformations by dragging a divider between two images. It supports both horizontal and vertical orientations, making it ideal for showcasing photo edits, design iterations, product changes, or any visual comparison. The component features a customizable divider with an optional draggable handle that can display default arrows or accept custom components. Built-in or custom labels automatically fade based on divider position to maintain visibility. Full keyboard navigation (arrow keys) and touch support ensure accessibility across all devices. Responsive scaling automatically adjusts handle and label sizes on smaller screens, with configurable breakpoints and scale factors. The component maintains image aspect ratios and supports custom border radius for seamless integration into any design system.”**

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

-   All · #7866

## Details

- **Author**: Talha Manzoor
- **Price**: $15.00
- **Published**: 2026-06-01
- **Updated**: 2026-06-19
- **Added**: 2026-05-24
- **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