---
title: "Hover Image Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Moh Rajib · Interactive. Add an engaging hover image reveal effect to your Framer projects with this fully customizable component."
canonical: "https://framer.elliotli.dev/component/magic-image-reveal"
---

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

# Hover Image Reveal

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

![Hover Image Reveal preview image 1](https://framer.elliotli.dev/og/component/magic-image-reveal/38b9e765acbdf05a/1600x1200.jpg)

## Summary

Add an engaging hover image reveal effect to your Framer projects with this fully customizable component.

## Description

Add an engaging **hover image reveal effect** to your Framer projects with this fully customizable component. On hover, a smooth **circular mask animation** reveals a second image, perfect for **before & after comparisons**, **product showcases**, and **creative transitions**.

**Key Features:**

-   **Responsive Design** – Works flawlessly across desktop, tablet, and mobile.
    
-   **Customizable Circle** – Adjust position and Number of Circles.
    
-   **Animation Control** – Set duration and easing for a perfect reveal.
    
-   **Easy Integration** – Just add your two images and start customizing.
    
-   **Optimized Performance** – Smooth & Accelerated animations in Framer.
    

Perfect for **portfolios**, **e-commerce product hovers**, **creative landing pages**, and **interactive storytelling**.

Keywords: Image Card | Product Card | Product Showcase Card | Image Card | Image Hover Animation | Before After Image | Product Hover | Mask Animation

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

-   All · #10257

## Details

- **Author**: Moh Rajib
- **Price**: $5.00
- **Published**: 2025-08-21
- **Updated**: 2025-09-24
- **Added**: 2025-08-14
- **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