Cursor Trailing Image Gallery adds a dynamic and playful visual effect to your Framer projects. By spawning a sequence of images that follow the visitor's mouse movement, it creates a fluid, interactive experience that breathes life into any layout. Whether it is for a creative portfolio or a bold landing page, this component helps you turn simple navigation into a memorable moment.
This component tracks the user's cursor and generates images from your chosen gallery at specific intervals. It utilizes smooth "lerping" to ensure the trail feels organic rather than robotic. With built in controls for entry, fade, and exit animations, the images appear and vanish naturally. It also features accessibility support through ARIA labels and a debug mode to help you perfectly align the image boundaries during the design process.
Interaction Settings: Control how fast images appear with Spawn timing and how smoothly they follow the mouse using the Lerp slider.
Image Appearance: Set the exact Width and Height, add a Corner Radius for rounded looks, and apply borders or shadows to make images pop.
Animation & Timing: Fine tune the Enter, Fade, and Leave durations, along with the total Lifetime of each image to create either a short burst or a long, lingering trail.
Visual Style: Choose from various Blend Modes (like Multiply or Screen) to make the images interact beautifully with your site background.
Creative portfolios and agency homepages
Hero sections for product launches
Interactive "Play" or "Experiment" pages
Adding a premium feel to minimal designs
Engaging visitors on 404 or landing pages
If 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.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Cursor Trailing Image Gallery adds a dynamic and playful visual effect to your Framer projects. By spawning a sequence of images that follow the visitor's mouse movement, it creates a fluid, interactive experience that breathes life into any layout. Whether it is for a creative portfolio or a bold landing page, this component helps you turn simple navigation into a memorable moment.
This component tracks the user's cursor and generates images from your chosen gallery at specific intervals. It utilizes smooth "lerping" to ensure the trail feels organic rather than robotic. With built in controls for entry, fade, and exit animations, the images appear and vanish naturally. It also features accessibility support through ARIA labels and a debug mode to help you perfectly align the image boundaries during the design process.
Interaction Settings: Control how fast images appear with Spawn timing and how smoothly they follow the mouse using the Lerp slider.
Image Appearance: Set the exact Width and Height, add a Corner Radius for rounded looks, and apply borders or shadows to make images pop.
Animation & Timing: Fine tune the Enter, Fade, and Leave durations, along with the total Lifetime of each image to create either a short burst or a long, lingering trail.
Visual Style: Choose from various Blend Modes (like Multiply or Screen) to make the images interact beautifully with your site background.
Creative portfolios and agency homepages
Hero sections for product launches
Interactive "Play" or "Experiment" pages
Adding a premium feel to minimal designs
Engaging visitors on 404 or landing pages
If 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.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
