Skip to content

component

Hover Image Reveal

By Moh Rajib

Details

Summary

Add an engaging hover image reveal effect to your Framer projects with this fully customizable component.

Description

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

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750181048/148/228/309/79/15
  • All · #8104