Interactive image zoom card with overlay text, blur, and customizable action button—perfect for portfolios, galleries, and project showcases.
Made with Workshop
Build your own component with AI
ImageZoomCard is a clean, modern hover card designed to make your visuals pop. On hover, the image zooms out smoothly while a stylish overlay reveals your title, subtitle, and call-to-action button. Every detail is customizable—from colors, borders, and corner radius to typography and button styling—making it versatile for any brand or project.
Zoom-out image hover effect with smooth transitions
Customizable overlay with title + subtitle text
Fully configurable action button (label, link, styles, hover states)
Adjustable border, radius, and overlay opacity
Control over title and subtitle typography, color, and alignment
Fully responsive, perfect for portfolio grids, galleries, and hero sections
Makes portfolios and case studies feel premium and interactive.
Encourages user engagement with clear CTAs.
Adds a modern visual polish to websites without needing custom code.
Helps your projects stand out with depth, motion, and storytelling.