Hover Image Reveal

Hover Image Reveal

About Hover Image Reveal

Add an engaging hover image reveal effect to your Framer projects with this fully customizable component. On hover, a smooth circular mask animation reveals a second image, perfect for before & after comparisons, product showcases, and creative transitions.

Key Features:

  • Responsive Design – Works flawlessly across desktop, tablet, and mobile.

  • Customizable Circle – Adjust position and Number of Circles.

  • Animation Control – Set duration and easing for a perfect reveal.

  • Easy Integration – Just add your two images and start customizing.

  • Optimized Performance – Smooth & Accelerated animations in Framer.

Perfect for portfolios, e-commerce product hovers, creative landing pages, and interactive storytelling.

Keywords: Image Card | Product Card | Product Showcase Card | Image Card | Image Hover Animation | Before After Image | Product Hover | Mask Animation