Cursor

Neon trail cursor

A tapered beam of light strung through the pointer's recent path, hot and wide at the head, thinning and shifting colour toward the tail.

Every path we draw fades before the next one begins.

Using Neon trail cursor

A tapered beam of light strung through the pointer's recent path, hot and wide at the head, thinning and shifting colour toward the tail.

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, width, followSpeed, idleFade, color, tailColor

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

1806Smoke trail cursorCursorA soft churning cloud that follows the pointer like smoke, curling back on itself when you change direction and dissolving when you stop.

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

1777Gooey blob trailCursorA chain of shapes chases the pointer and melts into one liquid blob that stretches on the move and gathers when it stops.

1793Pixel WakeCursorA coarse grid of cells lights up under the pointer and cools back down behind it, leaving a blocky wake across the panel.

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.

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