---
title: "Image Cursor Trail — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Jon Lehman · Cursors. Bring your pages to life with a cursor-following image trail that showcases any set of images."
canonical: "https://framer.elliotli.dev/component/image-cursor-trail"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Image Cursor Trail

# Image Cursor Trail

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

![Image Cursor Trail preview image 1](https://framer.elliotli.dev/og/component/image-cursor-trail/490854ad9626a0eb/1600x1200.jpg)

## Summary

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

## Description

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.
    

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

-   All · #9572

## Details

- **Author**: Jon Lehman
- **Price**: $6.00
- **Published**: 2025-10-23
- **Updated**: 2025-10-23
- **Added**: 2025-10-13
- **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…