---
title: "Image Reveal Slider — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Ricky R · Interactive. Drag to reveal the difference."
canonical: "https://framer.elliotli.dev/component/image-reveal-slider"
---

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

# Image Reveal Slider

Before/After Slider

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

![Image Reveal Slider preview image 1](https://framer.elliotli.dev/og/component/image-reveal-slider/672a7884cc0c1852/1600x1200.jpg)

## Summary

Drag to reveal the difference.

## Description

**Drag to reveal the difference.**

Reveal is a polished before/after image comparison slider for Framer. Add two images and visitors can drag anywhere across the comparison, swipe on touch, or use the keyboard to explore the difference.

An optional reveal-on-scroll intro demonstrates the comparison automatically when it enters view, with Sweep and Peek styles to choose from.

Built for real responsive sites, Reveal includes aspect-ratio presets, responsive images, image focal-point support, reduced-motion behavior, keyboard accessibility, and full customization from the Framer sidebar.

**Highlights**

• Drag anywhere, touch + keyboard control • Optional Sweep + Peek reveal-on-scroll intros • 16:9, 4:3, 1:1, 3:4 + Fill Height layouts • Cover + Contain image modes • Custom labels, divider, handle + accent ring • Optional cursor-based hover zoom • Custom caption + typography controls • Responsive-image optimization • Accessible focus states + slider semantics • Reduced-motion support • Responsive label behavior • Zero dependencies

**Setup**

Add Reveal to your page, upload your Before and After images, choose an aspect ratio, and preview. Everything else can be customized directly from the sidebar.

For best results, use matching Before and After image dimensions and compositions.

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

-   All · #2390

## Details

- **Author**: Ricky R
- **Price**: $8.00
- **Published**: 2026-08-07
- **Updated**: 2026-10-19
- **Added**: 2026-08-07
- **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