Image Trail

Image Trail is an image interaction in the UI HUB image interactions collection. A pointer-trail image effect: as the cursor moves across the container it stamps rotated photos that pop in with a spring and fade/scale out after a set duration. A distance threshold and a minimum delay throttle spawns, the image list cycles and maxItems caps the trail.

The component is driven by 11 documented props (images, threshold, minDelay, duration, maxItems, rotationRange and 5 more), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: Pointer-move throttling via distance threshold + min delay; Cycling image index and maxItems cap; Framer Motion AnimatePresence enter/exit.

Preview the image interaction in the browser above, copy the source, and paste it into your project. Image Interactions components in UI HUB are grouped by category so you can compare effects side by side before choosing one.