What if moving your cursor could turn a website into an interactive gallery? 👀
I built Image Trail Effects, a new interactive component for Framer.
Instead of a traditional image hover interaction, this component creates animated image trails that respond to cursor movement.
It includes 6 different reveal effects:
🔥 Flame — Rotating image reveals
🪟 Venetian — Animated horizontal strips
🎭 Curtain — Sliding vertical reveals
⬡ Hexagon — Geometric image transitions
💧 Liquid — Organic circular reveals
✨ Zoom Split — Fragmented grid animations
What you can customize:
→ Your own image collection
→ Image size and cursor sensitivity
→ Animation speed, timing, and stagger
→ Background colors and corner radius
→ Image limits for performance
Built with reduced-motion support, static previews, and Framer property controls.
Perfect for creative portfolios, photography websites, agencies, and interactive landing pages.
I'd love to know: Which of the six effects is your favorite?
Made with 💛 by @Karim Saif
#Framer #ProductDesign #InteractionDesign #WebDesign #CreativeCoding
