Skip to content

component

Magnetic Image Mask

By Elements Studio

Details

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.

12001400146248/148/228/309/79/15
  • All · #3925