---
title: "Gravity Mouse Trail — Free Framer component · Best of Framer"
description: "Free Framer component · by Harsh Works · Cursors. Gravity Mouse Trail is a Framer cursor effect that turns the cursor into a physics-driven image trail."
canonical: "https://framer.elliotli.dev/component/gravity-mouse-trail"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Gravity Mouse Trail

# Gravity Mouse Trail

Images fall behind the cursor.

[View on Framer](https://framer.com/marketplace/components/gravity-mouse-trail/?via=elliot-li)

![Gravity Mouse Trail preview image 1](https://framer.elliotli.dev/og/component/gravity-mouse-trail/285873eba3b83750/1600x1200.jpg)

## Summary

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

## Description

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](https://framer.link/harshupadhyay) by [Harsh](https://harsh.work)

## Rank history [How rankings work →](/terms#rankings)

-   All · #3411

## Details

- **Author**: Harsh Works
- **Published**: 2026-06-07
- **Updated**: 2026-09-13
- **Added**: 2026-05-27
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…