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