Loading component…
Components /Image Trail
Cursor-following image trail effect
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/image-trail.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| images | Array<string | ImageTrailImage> | DEFAULT_IMAGES | Images cycled through as the cursor moves. |
| children | React.ReactNode | - | Content rendered beneath the image trail overlay. |
| className | string | - | Additional classes for the tracking wrapper. |
| threshold | number | 80 | Minimum pointer distance in pixels before another image appears. |
| minDelay | number | 50 | Minimum delay in milliseconds between spawned trail images. |
| duration | number | 1000 | Time in milliseconds before a trail image is removed. |
| maxItems | number | 8 | Maximum number of active trail images kept in the DOM. |
| rotationRange | number | 40 | Random rotation range in degrees. |
| imageClassName | string | - | Additional classes for each trailing image. |
| overlayClassName | string | - | Additional classes for the absolute overlay layer. |
| transition | Transition | spring | Framer Motion transition used for image enter animation. |
| exitTransition | Transition | { duration: 0.4 } | Framer Motion transition used when images exit. |
| disabled | boolean | false | Disables spawning new trail images. |