Gravity Mouse Trail

Gravity Mouse Trail is a Framer cursor effect that turns the cursor into a physics-driven image trail.

Gravity Mouse Trail is a Framer cursor effect that turns the pointer into a physics driven image trail. Drop it on a hero, a portfolio header, a 404, or any section where a small interactive flourish beats a static layout. It does not tween, it integrates. Each frame the vertical velocity gains a constant pull, the floor reflects with a restitution factor, and every image settles once its motion drops below a threshold. The trail obeys physics rather than replaying a curve. Five modes, one dropdown Bounce. Images drop from the cursor, hit the floor, and rebound before they settle and fade. The default, and the most readable. Free Fall. No floor. Images drop from the cursor and leave by the bottom edge. Best for full bleed heroes. Float Up. Gravity inverts. Images rise and drift out the top, pulling the eye into the copy below. Zero-G Drift. No vertical pull. Each image keeps the sideways velocity it inherited from the cursor. Burst. Every flick fires a radial spray, each image on its own randomised vector, then gravity takes over. Any images you want Feed it a Framer image array from project assets, Unsplash, or your own uploads, and the trail cycles through them in order, so the rhythm is set by how you order the set. Bare URLs work too, and a placeholder renders when the array is empty, so it animates on drop in. Controls Grouped for clarity: Mode, Images, Physics, and Style. Physics exposes gravity strength, restitution, spawn rate, image size, and lifetime, so the feel is tuned without touching code. Style carries radius, background, and shadow, so the images pick up your site's language. Every control carries its own one line description in the panel. What you get A cursor trail with five physics modes, full image array support, tunable gravity, restitution, spawn rate, size and lifetime, a Style group, no npm dependencies, a calm static preview, and free updates within the version. Made with 🖤 for Framer by Harsh

Images fall behind the cursor.