Skip to content

component

Magic Hover Image

By Aviral Lakhanpaul

Details

Summary

Magic Hover Image to your canvas Resize the frame to define the hover area Choose an effect style and upload an image Publish — every hover now has motion and depth.

Description

Perfect for hero sections, feature highlights, or portfolio case studies. With 7 different motion styles — from soft parallax float to dramatic 3D tilt and dynamic colour/blur tracking. GPU-optimised and tuned for optimal performance on both desktop and mobile devices . Features Instantly makes sections feel premium and interactive Works with any layout — no redesign needed Looks stunning with photos, product shots, and UI previews Designed for modern UX: subtle motion when you want it, dramatic motion when you need it Customizations Effect : choose from 7 motion styles (float, tilt, scale, blur, colour shift, opacity, morph) Image : upload or connect via CMS, adjust size + offsets Styling : border radius, border, shadow Quick Setup Add Magic Hover Image to your canvas Resize the frame to define the hover area Choose an effect style and upload an image Publish — every hover now has motion and depth. After completing your purchase, you will receive a link to the component. Copy the URL and paste it into your Framer project to import it.

Introduction

Cursor-following hover image effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600169028/148/228/309/79/15
  • All · #6902