Cursor

Swarm trail cursor

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

Pointer field

Move to steer the swarm, press to scatter it

Using Swarm trail cursor

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

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: count, accent, blobSize, speed, trail, scatterOnPress

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

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

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.

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.

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.