Glass Hover Reveal is a premium interactive card component that turns static images into moments people want to touch. Move the cursor over any card and a frosted glassmorphism overlay glides into view, revealing your title, description, and call to action through a smooth, modern reveal animation. It's the difference between a grid visitors scroll past and one they explore.
Designed with an editorial aesthetic and built on performant motion, it works beautifully for book covers, portfolio projects, product showcases, and anywhere a clean image deserves a second layer of story.
CORE FEATURES
Glassmorphism reveal overlay — real frosted-blur effect with adjustable tint, opacity, and blur intensity
Smooth hover animation — natural, spring-based motion with configurable speed, easing, and reveal direction
Flexible content slots — cover image, title, supporting text, and an optional CTA or link
Complete property controls — colors, typography, corner radius, shadows, spacing, and hover distance, all from the Framer panel
Responsive by default — adapts cleanly across desktop, tablet, and phone breakpoints
Lightweight build — GPU-accelerated transforms, no external dependencies, no layout shift
30-second setup — copy, paste, connect your content, publish
Glass Hover Reveal is a premium interactive card component that turns static images into moments people want to touch. Move the cursor over any card and a frosted glassmorphism overlay glides into view, revealing your title, description, and call to action through a smooth, modern reveal animation. It's the difference between a grid visitors scroll past and one they explore.
Designed with an editorial aesthetic and built on performant motion, it works beautifully for book covers, portfolio projects, product showcases, and anywhere a clean image deserves a second layer of story.
CORE FEATURES
Glassmorphism reveal overlay — real frosted-blur effect with adjustable tint, opacity, and blur intensity
Smooth hover animation — natural, spring-based motion with configurable speed, easing, and reveal direction
Flexible content slots — cover image, title, supporting text, and an optional CTA or link
Complete property controls — colors, typography, corner radius, shadows, spacing, and hover distance, all from the Framer panel
Responsive by default — adapts cleanly across desktop, tablet, and phone breakpoints
Lightweight build — GPU-accelerated transforms, no external dependencies, no layout shift
30-second setup — copy, paste, connect your content, publish
