Components/Effects
Cursor Trail
A smooth and refined shape trail effect that beautifully interpolates along your mouse cursor path.
cursortrailmouseeffectanimation
Preview
Wiggle your mouse around.
Installation
npx shadcn@latest add @grootstudio/cursor-trailUsage
1
Import the component
2
Use like this
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| images | string[] | flairImages | An array of image URLs to use in the trail. | |
| distance | number | 60 | The distance in pixels the cursor must move before a new image spawns. | |
| duration | number | 1000 | The duration of the individual image animation in milliseconds. | |
| imageSize | number | 64 | The width and height of the trail images in pixels. | |
| className | string | undefined | Optional class names for custom styling. |