---
title: "AutoScan Reveal — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Hoppra · Carousels. What It Does AutoScan Reveal sweeps across before/after images or videos with smooth crossfading."
canonical: "https://framer.elliotli.dev/component/autoscan-reveal"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/AutoScan Reveal

# AutoScan Reveal

Before/After Comparison Slider

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

![AutoScan Reveal preview image 1](https://framer.elliotli.dev/og/component/autoscan-reveal/36a66882896409ee/1600x1200.jpg)

## Summary

What It Does AutoScan Reveal sweeps across before/after images or videos with smooth crossfading.

## Description

A before/after slider that plays itself — and hands over manual control on interaction.

### What It Does

AutoScan Reveal sweeps across before/after images or videos with smooth crossfading. Hover slows the scan; dragging gives zero-lag control. Releasing smoothly resumes auto-scanning.

### Key Highlights

-   **Auto First:** Shows transformations instantly without requiring drag actions.
    
-   **True Crossfade:** Blends transitions smoothly through an adjustable zone.
    
-   **Canvas Accurate:** What you see in Framer is what visitors see live.
    
-   **Media Support:** Autoplays muted, looping before/after videos or images.
    
-   **Multi-Project:** Cycle through up to 8 before/after pairs.
    
-   **Branded Handle:** Drop your logo directly onto the handle (3 sizes).
    

### Property Controls

-   **Animation:** Autoplay, speed, direction, triggers, and drag resume timing.
    
-   **Scan Line:** Glow, softness, line width, frame corners, and handle logo.
    
-   **Image Style:** Independent blur controls for Before and After assets.
    
-   **Layout:** Custom placement for Title, Arrows, Dots, and Edge Labels across 9 anchor points.
    

### Perfect For

Renovation portfolios, fitness transformations, product redesigns, and case studies.

### 🛡 Refund Policy & Support

**Refunds:** All sales are final due to the digital nature of Framer components.

**Support:** For setup help or bugs: [**hopprstudio@gmail.com**](mailto:hopprstudio@gmail.com) (24–48 hr response).

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

-   All · #10064

## Details

- **Author**: Hoppra
- **Price**: $15.00
- **Published**: 2026-07-20
- **Updated**: 2026-07-21
- **Added**: 2026-07-20
- **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