Motion Trail

Stunning cursor trail effects with 8 unique animation styles

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

Stunning cursor trail effects with 8 unique animation styles

  • 8 unique animation styles
  • Custom image support
  • Velocity-aware effects
  • 3D perspective mode
  • Blend mode support

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.

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.

Motion Trail - $14

Stunning cursor trail effects with 8 unique animation styles

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.