Hover Image Drop is a playful interactive image effect for Framer. Images appear as users move across the canvas, then drop, bounce, and exit with smooth motion.

Built for creative websites, landing pages, portfolios, product showcases, and interactive hero sections, this component helps make your page feel more dynamic, premium, and memorable without writing code.

Benefits:

• Adds playful interaction to your website

• Helps hero sections feel more engaging

• Makes portfolios and showcases feel more unique

• Easy to customize from the properties panel

• Works with your own images

• Supports desktop mouse movement

• Supports mobile touch movement

• No external libraries required

• Lightweight and easy to reuse

What you can customize:

• Image collection

• Image width and height

• Corner radius

• Background visibility and color

• Spawn gap

• Spawn, fall, bounce, and exit duration

• Bounce height

• Fall stop position

• Exit distance

• Side drift

• Scale and rotation

• Opacity

• Easing style

• Mobile behavior

How to use: Copy the Remix Link, open it in Framer, and copy the component into your project. Then add your own images and adjust the animation settings from the properties panel.

Support: If you need help, have questions, or find an issue, email support is available.

Updates: Includes free lifetime updates.