Frosted Reveal Card — Hover

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.