Magic Hover Image — Cursor-following hover image effect

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

1. Add Magic Hover Image to your canvas

2. Resize the frame to define the hover area

3. Choose an effect style and upload an image

4. 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.