component
Magic Hover Image
By Aviral Lakhanpaul
Details
- Aviral LakhanpaulAuthor
- componentType
- $8.00Price
- 2025-11-21Published
- 2026-05-11Updated
- 2025-11-15Added
- EffectsCategories
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.
- All · #6902