Magnetic Image Mask

Show Preview
Magnetic Image Mask

About Magnetic Image Mask

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