---
title: "Reveal on Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Chayan Panda · Cards. The Reveal on Hover component displays a dual-state visual card that changes its content when hovered."
canonical: "https://framer.elliotli.dev/component/hoverrevealcard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Reveal on Hover

# Reveal on Hover

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

![Reveal on Hover preview image 1](https://framer.elliotli.dev/og/component/hoverrevealcard/87092216875f6d94/1600x1200.jpg)

## Summary

The Reveal on Hover component displays a dual-state visual card that changes its content when hovered.

## Description

The Reveal on Hover component displays a dual-state visual card that changes its content when hovered. It accepts two images and two text inputs - one pair for the default state, and another for the hover state. When a user hovers over the card, the first image and text smoothly transition to the second set, creating an interactive reveal effect.

This component is ideal for showcasing before-and-after visuals, product previews, team member profiles, or any scenario where hover interaction enhances visual storytelling.

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

-   All · #4265

## Details

- **Author**: Chayan Panda
- **Published**: 2025-10-09
- **Updated**: 2025-12-31
- **Added**: 2025-10-04
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards