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.
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
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
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.
Refund Policy
Due to the nature of digital products, we do not offer refunds once a purchase is made.