Magnetic Image Mask — Animated Cursor, Magnetic Hover, Masking

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