Cursor

Stamped cursor trail

Small cards stamped along the pointer path at fixed distance intervals, each dropping in with a tilt and aging out behind the cursor.

Using Stamped cursor trail

Small cards stamped along the pointer path at fixed distance intervals, each dropping in with a tilt and aging out behind the cursor.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: trailLength, spacing, accent, tilt, fadeSeconds

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

1803Ribbon trail flowCursorSeveral colored ribbons chase the pointer on their own springs, tapering to a point and braiding apart as the pointer turns.

1794Pointer label cursorCursorInside a bounded panel the system cursor is replaced by a drawn arrow with a small name chip trailing behind it on a soft spring.

1809Spring lag trailCursorA chain of circles that chase the pointer with progressively softer springs, so fast movement stretches them into a comet tail that gathers back together at rest.

1815Swarm trail cursorCursorA cloud of soft blobs orbits the pointer inside a panel, leaving tapering trails and merging into one shape where they overlap.

1796Tile trailCursorA pointer trail that drops small rounded tiles along the path, each popping in from a recycled pool and drifting away as newer ones take its place.

1823Velocity comet trailCursorA chain of dots that each chase the one ahead with inertia, stretching into a comet on fast flicks and coiling back into a cluster at rest.