---
title: "Frosted Reveal Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivani Sharma · Cards. Frosted Reveal Card is an interactive hover component for Framer that combines a frosted blur overlay with a smooth image reveal interaction."
canonical: "https://framer.elliotli.dev/component/frosted-reveal-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Frosted Reveal Card

# Frosted Reveal Card

Hover

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

![Frosted Reveal Card preview image 1](https://framer.elliotli.dev/og/component/frosted-reveal-card/fd9afb4ccfb1da8b/1600x1200.jpg)

## Summary

Frosted Reveal Card is an interactive hover component for Framer that combines a frosted blur overlay with a smooth image reveal interaction.

## Description

**Frosted Reveal Card** is an interactive hover component for Framer that combines a frosted blur overlay with a smooth image reveal interaction.

**What it does**

-   Idle state: image sits behind a frosted blur texture
    
-   On hover: blur fades away, image sharpens, text slides down from the behind the image
    
-   On mouse leave: blur returns with a delayed fade so transitions feel clean
    

**Interaction details**

-   Spring animation for the card lift and scale
    
-   Staggered timing between blur fade and text reveal
    

**Use cases**

-   Portfolio grids
    
-   Team member cards
    
-   Product showcases
    
-   Creative agency websites
    

**How to use** Drop the component into your project, swap the image, update the text, and you're done. No code required.

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

-   All · #3293

## Details

- **Author**: Shivani Sharma
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-05-29
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator