Magnetic Image Mask

Magnetic Image Mask Create smooth, cinematic image transitions with interactive motion and cursor effects.

Magnetic Image Mask

Create smooth, cinematic image transitions with interactive motion and cursor effects.

Features

• Masked image transitions with seamless animation

• Magnetic arrow that follows cursor movement

• Fully customizable images, speed, and mask style

• Built with Framer Motion for optimized performance

Ideal For

• Portfolios, landing pages, and product showcases

• Adding dynamic, high-end visuals to any layout

How to Use

1. Add the Magnetic Image Mask component to your Framer project

2. Upload your images and choose a mask transition style

3. Adjust animation speed and enable the magnetic arrow

4. Preview and publish your design

Browse more products: Elements Library