---
title: "Mouse Trail Effect — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Minh Vux · Cursors. Mouse Trail Effect turns any image into a real-time, cursor-reactive surface."
canonical: "https://framer.elliotli.dev/component/mouse-trail-effect"
---

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

# Mouse Trail Effect

Premium Interactions Component

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

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

## Summary

Mouse Trail Effect turns any image into a real-time, cursor-reactive surface.

## Description

**Mouse Trail Effect** turns any image into a real-time, cursor-reactive surface. Pixels ripple and displace under the pointer with a smooth chromatic-aberration trail, then relax back into place — GPU-accelerated, cover-fit for any image, and optimized to stay static on the canvas for a fast editor.

**Use Cases**

-   Landing page hero sections
    
-   Portfolio & creative studio intros
    
-   Photography & product showcases
    
-   Fashion, editorial & brand launches
    
-   Immersive visual headers
    

Perfect when you want an image background that feels alive and premium instead of static.Customization

**Adjust everything from the properties panel:**

-   Smoothness — mouse-follow easing
    
-   Radius — reveal / influence area
    
-   Strength — displacement force
    
-   Relaxation — how fast pixels settle back
    
-   Displacement — distortion intensity
    
-   Aberration — RGB split amount
    

**Interaction**

-   Cursor displacement: pixels bend toward the pointer as it moves.
    
-   Smooth trail & relaxation: motion eases in, then settles back naturally.
    
-   Live controls: every slider updates in real time — no reload.
    
-   Static on canvas & export: the effect pauses in the editor for a clean, artifact-free workflow.
    

Preview: [https://cautious-one-307452.framer.app](https://cautious-one-307452.framer.app)

Made by [MinhVux](https://www.behance.net/gallery/247205223/Portfolio-U)

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

-   All · #6786

## Details

- **Author**: Minh Vux
- **Price**: $5.00
- **Published**: 2026-07-02
- **Updated**: 2026-07-02
- **Added**: 2026-07-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…