Cursor

Smoke trail cursor

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

Pointer trail

Motion leaves a trace across the panel

Move or drag anywhere here and watch the smoke curl where you turn.

Using Smoke trail cursor

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

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, inertia, grain, brightness, color

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.

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

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.

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.