Image Cursor Trail

Bring your pages to life with a cursor-following image trail that showcases any set of images.

Bring your pages to life with a cursor-following image trail that showcases any set of images. On hover, thumbnails pop at the cursor and either stay, drift, or tumble with simple physics. Use it for portfolio hovers, emoji confetti, hero flourishes, or playful product details. It fills its frame, respects bounds, and is tuned for smooth performance. Why you will like it Fast setup, creative control, clean defaults Cursor tracking stays inside the component bounds Works with any images you provide Modes Pop: quick pop-in then fade Drift: move in a set direction at a set speed for a set distance Physics: fall under gravity, collide, bounce, and pile up Key controls Global Images Image Width, Image Height Uniform Size Border Radius Animation style Spawn Distance Spawn Cooldown Max Rotation Deg Rotation Jitter Lifespan ms Drift Drift Direction Degree Drift Speed px/s Drift Distance px Physics Max Items Gravity px/s² Bounce Air Drag Ground Friction Stacking Collisions Spawn Impulse Spawn Speed px/s Spawn Angle Deg Angle Jitter Deg Extra notes If the Images list is empty, a small placeholder renders at runtime so you see the effect. The Framer panel will not auto prefill the array. For best performance, prefer web-ready images and moderate image sizes.