Magic Image Reveal
Interactive Framer component that reveals a second image with a smooth circular animation on hover. Fully responsive and customizable for size, speed, and style.
Make it with Workshop
Build your own component with AI
About this Component
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
