Mouse Trail Effect

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

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

Made by MinhVux