About Frosted Reveal Card
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.
