Cursor Trail Gallery

Interactive image trails mouse.

About

Cursor Trailing Gallery brings a high end interactive feel to your Framer projects by turning the mouse cursor into a dynamic canvas. As visitors move their mouse across the page, a sequence of images follows in a smooth, trailing motion. It is the perfect "wow" factor for hero sections, portfolios, or creative landing pages that need a touch of modern motion design.

What it does

The component tracks mouse movement in real time and spawns images that follow the cursor path. It uses smooth linear interpolation for buttery movement and handles image fading automatically. You can control exactly how the images stack and blend with your background, creating unique visual effects that react instantly to every user interaction.

What you can customize

Gallery content: Easily upload a collection of images to create your custom trail sequence.Sizing and movement: Adjust image dimensions to fit your layout, and fine tune the trail delay and lerp values for the perfect follow speed.Visual styling: Set the fade duration to control how long images linger, and pick from various blend modes like Multiply or Screen to match your site's aesthetic.Stacking logic: Decide if the newest images should appear on top or underneath the trail to create different senses of depth and flow.

Great for

Creative agency landing pagesPhotography and designer portfoliosProduct launch sitesHigh-end fashion or lifestyle brandsInteractive 404 pages or playground sections

Share your buildIf you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.

Need help?Questions or feedback? Reach me anytime: [email protected] or on X @Dulajweb