---
title: "Motion Trail"
canonical_url: "https://framerhub.io/components/motion-trail"
last_updated: "2026-06-15T14:46:30.339Z"
---

## Motion Trail

Create mesmerizing cursor trail effects that follow mouse movement. Choose from 8 unique animation styles including classic trails, spinning images, velocity-based effects, and 3D perspective motion.

## Features

**8 Animation Styles**
Classic, Innerscape, Exiting, Flow Follow, Spin Trail, Velocity, Persistence, and Perspective modes.

**Custom Images**
Add your own images to create personalized trail effects.

**Velocity-Aware Effects**
Speed-responsive animations that react to cursor movement intensity.

**3D Perspective**
Create depth with perspective-based rotations and scaling.

## Use Cases

**Creative Portfolios** — Stand out with interactive image trails.

**Art Galleries** — Showcase work with engaging cursor effects.

**Landing Pages** — Create memorable first impressions.

**Interactive Experiences** — Build immersive web experiences.

![Motion Trail Preview](/framerhub/img/components/control/motion-trail.jpg)

## How to Use

### Installation

**VIDEO PLACEHOLDER: Installation Tutorial**

1. Log in to your account at framerhub.io
2. Navigate to framerhub.io/dashboard
3. Find Motion Trail in your Recent Purchases
4. Click the "Copy" button
5. Open your Framer project
6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

**Animation Styles**

- Classic: Images appear and scale/fade out
- Innerscape: Inner image movement with brightness
- Exiting: Special upward exit direction
- Flow Follow: Following mouse with filters
- Spin Trail: Rotation in trail motion
- Velocity: Speed-aware size and effects
- Persistence: Blend mode with images remaining
- Perspective: 3D space motion

**Image Settings**

- Trail Length: Number of images in the trail
- Image Size: Width and height of trail images
- Object Fit: How images fill their container
- Border Radius: Corner rounding

### Quick Tips

**Trail Length** — Use 8-12 images for smooth trails. More images may impact performance.

**Threshold** — Lower values trigger more frequently. Start with 80 and adjust.

**Smoothness** — Lower values (0.05-0.1) create smoother, more elegant motion.

**Blend Modes** — Persistence style uses screen blend mode for artistic overlays.

## 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!

## Why Designers Love This

Transform cursor movement into a visual experience. Motion Trail adds a layer of interactivity that captivates visitors and makes your site memorable.

---