What if your images could actually respond to the way people move? 👀
I built Bend Image, an interactive WebGL-powered component for Framer that makes static visuals feel alive.
Instead of simply hovering over an image, visitors can move it, bend it, and experience a smooth elastic response driven by cursor velocity.
What makes it interesting?
✦ Real-time WebGL image deformation
✦ Smooth cursor-following interactions
✦ Velocity-based bending and elastic recovery
✦ Adjustable motion, strength, and responsiveness
✦ Responsive sizing and performance-conscious rendering
✦ Fully customizable through Framer's properties panel
Designed for portfolios, creative agencies, photography galleries, and landing pages that want to stand out.
The goal was simple: make an ordinary image feel like something you can interact with.
Built with 💛 by @Karim Saif .
What do you think of this interaction?
