ImageZoomCard

ImageZoomCard
ImageZoomCard

About ImageZoomCard

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.

Key Features:

  • 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

Why it’s useful:

  • 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.

From Avesh Mishra

Parallax mosaic
HoverGrid
Liquid Image Transit
Distort Switch

Related Components

True Parallax Image
Image To ASCII
Softly Tilt
ParallaxFloating