Animations & Motion
Snake Trail
Lagging echo particles creating a snake-like trail.
cursormagneticechotrailsnake
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
segmentCount | number | 32 | Number of segments in the snake |
segmentSpacing | number | 8 | Spacing between segments |
boneLength | number | 12 | Length of each bone segment |
headEasing | number | 0.25 | Easing factor for head movement |
bodyEasing | number | 0.9 | Easing factor for body movement |
waveAmplitude | number | 2.2 | Amplitude of the wave motion |
waveFrequency | number | 6 | Frequency of the wave motion |
waveSpeed | number | 0.5 | Speed of the wave motion |
headColor | string | #9be870 | Color of the head segment |
bodyColorStart | string | rgba(188,19,254,0.85) | Starting color of body segments |
bodyColorEnd | string | rgba(188,19,254,0.15) | Ending color of body segments |
strokeColor | string | rgba(125,18,255,0.5) | Color of the stroke |
strokeWidth | number | 1.2 | Width of the stroke |
headWidth | number | 14 | Width of the head segment |
taperFactor | number | 0.85 | Taper factor for body segments |
eyeColor | string | #2d2a2e | Color of the eyes |
eyeSize | number | 2.2 | Size of the eyes |
eyeOffsetX | number | 6 | X offset of the eyes |
eyeOffsetY | number | 4 | Y offset of the eyes |
className | string | Additional CSS classes |