---
title: "ImageRevealCard — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Vivek Saroj · Cards. imagerevealcard.framer.website/ Ideal for before-and-after comparisons, design showcases, or product previews, this component makes…"
canonical: "https://framer.elliotli.dev/component/imagerevealcard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/ImageRevealCard

# ImageRevealCard

Reveal hidden visuals on hover.

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

![ImageRevealCard preview image 1](https://framer.elliotli.dev/og/component/imagerevealcard/5b5621f3c0f6ad26/1600x1200.jpg)

## Summary

imagerevealcard.framer.website/ Ideal for before-and-after comparisons, design showcases, or product previews, this component makes interactions feel natural and elegant.

## Description

The **Image Reveal Card** brings subtle motion and storytelling to your designs. It allows you to showcase **two images within one frame** — when users hover over the card, a second image is revealed using a smooth **mask animation**.

Live preview - [https://imagerevealcard.framer.website/](https://imagerevealcard.framer.website/)

Ideal for **before-and-after comparisons**, **design showcases**, or **product previews**, this component makes interactions feel natural and elegant. You can fully customize how the reveal behaves to match your visual style.

**Customizable Options:**

-   **Primary Image & Hover Image** — Add your two visuals easily
    
-   **Animation Direction** — Choose from top, bottom, left, right, or radial reveals
    
-   **Animation Duration** — Fine-tune the speed of the reveal
    
-   **Easing Type** — Control how the animation feels
    
-   **Corner Radius & Shadow** — Refine the card’s visual depth
    
-   **Mask Type** — Switch between linear and radial masks
    
-   **Caption Support** — Add custom text with font and color options
    
-   **Hover Scale Effect** — Add a subtle zoom for extra motion
    

This component is responsive, lightweight, and built for Framer creators who want to add **motion, depth, and interactivity** to their designs effortlessly.

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

-   All · #6638

## Details

- **Author**: Vivek Saroj
- **Price**: $5.00
- **Published**: 2025-11-21
- **Updated**: 2026-04-10
- **Added**: 2025-11-13
- **Categories**: Cards

## More like this

-   [AlumniDestinations](/component/alumnidestinations) — Dulaj Design · $15 — About AlumniDestinations adds a professional, interactive directory to your Framer projects, specifically designed to showcase the success…
-   [AIJobCards](/component/aijobcards) — Dulaj Design · $15 — Beautiful interactive career grids
-   [Editorial Image Card](/component/editorial-image-card) — Victoriia Topalova · Free — Beautiful image cards for lifestyl
-   [Zipper Card](/component/zipper-card) — Aslı Ay · $12 — A padded card you unzip by hand.