Skip to content

component

Mouse Trail Effect

By Minh Vux

Details

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 Made by MinhVux

Introduction

Premium Interactions Component

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400156758/148/228/309/79/15
  • All · #5315