---
title: "Split Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Ava Thiery · Interactive. Before & after image reveal"
canonical: "https://framer.elliotli.dev/component/split-reveal"
---

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

# Split Reveal

Before & after image reveal

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

![Split Reveal preview image 1](https://framer.elliotli.dev/og/component/split-reveal/d54db4e53503ae98/1600x1200.jpg)

## Summary

Before & after image reveal

## Description

Useful for skincare, beauty, interior design, photo editing portfolios, or any side-by-side comparison you want to make interactive.

**What's included:**

-   Before and After image inputs
    
-   Start position (0–100%)
    
-   Image fit: Cover or Contain
    
-   Corner radius control
    
-   Divider width and color
    
-   Divider shadow toggle
    
-   Handle show/hide toggle
    
-   Handle size and color
    
-   Icon color
    

Free to use. Works on desktop and mobile.

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

-   All · #123

## Details

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