component
Magnetic Image Mask
By Elements Studio
Details
- Elements StudioAuthor
- componentType
- 2025-11-06Published
- 2026-05-19Updated
- 2025-10-27Added
- EffectsCategories
Summary
Magnetic Image Mask Create smooth, cinematic image transitions with interactive motion and cursor effects.
Description
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 Add the Magnetic Image Mask component to your Framer project Upload your images and choose a mask transition style Adjust animation speed and enable the magnetic arrow Preview and publish your design Browse more products: Elements Library
Introduction
Animated Cursor, Magnetic Hover, Masking
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3925