---
title: "Gravity Mousee Trail — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Karim Saif · Cursors. GSAP gravity simulations"
canonical: "https://framer.elliotli.dev/component/gravity-mousee-trail"
---

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

# Gravity Mousee Trail

GSAP gravity simulations

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

![Gravity Mousee Trail preview image 1](https://framer.elliotli.dev/og/component/gravity-mousee-trail/6f8b6daf4c7a0c10/1600x1050.jpg)

## Summary

GSAP gravity simulations

## Description

**Gravity Mouse Trail** is an interactive React code component for Framer that spawns dynamic image sequences along the user's cursor movement. Powered by GSAP physics timelines, images appear with an elastic bounce, drift horizontally, fall to the bottom of the container under simulated gravity, and rebound outward before clean memory disposal.

### What it does

-   **GSAP Physics & Gravity Timelines:** Renders smooth, multi-stage particle physics (spawn bounce, gravity fall, horizontal drift, and floor rebound) without performance drops.
    
-   **Smart Device Detection:** Automatically bypasses execution on touch/coarse pointer devices (mobile/tablets) to preserve optimal touch interactions.
    
-   **Automatic Performance Cap:** Features a configurable active instance threshold (`Max Trails`) and DOM cleanup on timeline completion to maintain high FPS.
    
-   **Canvas-Safe Static Preview:** Built with Framer's `useIsStaticRenderer` check to prevent unwanted canvas triggers during layout design.
    

### Great for

-   **Interactive Hero Sections:** Add playful, high-engagement cursor interactions on agency landing pages or brand showcases.
    
-   **Creative Portfolios:** Display project thumbnails, photography previews, or visual highlights dynamically as users move their mouse.
    
-   **Event & Festival Banners:** Spawn branded assets, sponsor logos, or promotional imagery in real time.
    
-   **E-Commerce Showcases:** Highlight product variants, collection previews, or lookbook shots on cursor movement.
    

### What you can customize

Full control right from the Framer canvas property panel — no code editing required:

-   **Images** — Upload custom image arrays triggered sequentially along the cursor path
    
-   **Sensitivity** — Adjust `Distance Threshold Ratio` to control cursor movement distance required between image spawns
    
-   **Elasticity & Rotation** — Fine-tune spawn bounce intensity, toggle rotation, and set custom rotation degree ranges (`0°`–`90°`)
    

### Need help?

Have questions or feature suggestions? Reach out anytime at [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com) or on X [@karimsaif0](https://x.com/karimsaif0).

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

-   All · #4005

## Details

- **Author**: Karim Saif
- **Price**: $5.00
- **Published**: 2026-08-01
- **Updated**: 2026-09-16
- **Added**: 2026-08-01
- **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…