---
title: "Mouse Image Trail — Framer component · Best of Framer"
description: "$9.00 · Framer component · by FramerHub.io  · Cursors. Overview Create an engaging, playful interaction with the Mouse Image Trail component."
canonical: "https://framer.elliotli.dev/component/mouse-image-trail"
---

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

# Mouse Image Trail

Images trailing your cursor.

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

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

## Summary

Overview Create an engaging, playful interaction with the Mouse Image Trail component.

## Description

### Overview

Create an engaging, playful interaction with the Mouse Image Trail component. As visitors move their cursor across your site, a vibrant sequence of images appears, trailing their path before smoothly fading away. Perfect for creative portfolios, photography sites, and modern landing pages. Includes fluid animations powered by Framer Motion, fully customizable physics (distance, size, fade duration), and random rotation effects.

### Features

-   **Customizable Imagery**: Add your own sequence of images.
    
-   **Fluid Animations**: Smooth scaling and fading with Framer Motion.
    
-   **Fully Adjustable Settings**: Control distance, size, fade duration, and random rotation.
    
-   **Performance Optimized**: Built-in maximum image limits for smooth running on all devices.
    

### Use Cases

-   **Creative Portfolios**: Showcase your best work in an unexpected, interactive way as users explore your site.
    
-   **Photography Studios**: Provide a sneak peek of photo sessions directly connected to the user's cursor.
    
-   **Playful Landing Pages**: Add a "wow" factor to a hero section to capture visitor attention immediately.
    

### Properties

-   **Images**: Array of images to cycle through as the trail is created.
    
-   **Distance**: The physical distance the mouse must move before spawning a new image.
    
-   **Fade Out (s)**: How long an image stays visible before fading away.
    
-   **Image Size**: The width and height of each spawned image.
    
-   **Rotation Range**: The maximum random rotation applied to each image for organic variety.
    
-   **Max Images**: The maximum number of images allowed on screen at once to prevent lag.
    

### Customization

Easily adjust the component to fit your design style directly from the Framer properties panel. Add as many images as you want to the sequence, set the **Image Size** to determine how large each photo appears, and tweak the trail physics (**Distance**, **Fade Out (s)**, **Rotation Range**) to get the exact look and feel you want.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

### Version

1.0.0

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

-   All · #8400

## Details

- **Author**: FramerHub.io
- **Price**: $9.00
- **Published**: 2026-06-08
- **Updated**: 2026-06-05
- **Added**: 2026-06-02
- **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…