Toggle Sidebar B
AppearanceLight & dark mode D

Text Cursor

Make any text element follow your cursor, leaving a trail of copies behind it.

Default

Move the pointer across the stage to leave a trail. Every prop is wired to the controls underneath.

Light previewReplay previewOpen in new tab

Hover Around!

Customize

API Reference

TextCursor

PropTypeDefaultDescription
textstring⚛️The text string to display as the trail.
spacingnumber100The spacing in pixels between each trail point.
followMouseDirectionbooleantrueIf true, each text rotates to follow the mouse direction.
randomFloatbooleantrueIf true, enables random floating offsets in position and rotation for a dynamic effect.
exitDurationnumber0.5The duration in seconds for the exit animation of each trail item.
removalIntervalnumber30The interval in milliseconds between removing trail items when the mouse stops moving.
maxPointsnumber5The maximum number of trail points to display.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • The trail is decorative and follows the pointer only, so keyboard and touch users see nothing. Do not use it to carry information.