← All effects

Ghost Cursor

CursorTinkerFX signature ✦a delayed echo of your own path
-- fps
prefers-reduced-motion detected — the ghost is shown at rest

X-ray · layers

the delayed echo that retraces your path
the fading line of where you just were
when you stop, it replays your last gesture

Parameters

Delay1.2 s
Trail fade2.5 s
Smoothing0.20
Ghost size14 px
your version · updates as you tinker

How this effect works

Every frame the effect writes down where your cursor is, with a timestamp, into a rolling buffer that only keeps the last few seconds. That buffer is the whole trick. The ghost doesn't follow your cursor — it asks the buffer a question: where was the cursor DELAY seconds ago? It reads back that older position (interpolating between the two nearest samples) and eases toward it, so it retraces your exact path a moment behind you.

The trail is the same buffer drawn as a line, each segment faded by how old it is. And when you stop moving, instead of catching up and freezing, the ghost rewinds to the start of the buffer and replays your last gesture on a loop — the haunting bit. Delay sets how far behind it lags, smoothing how loosely it chases, and fade how long the trail lives. This is a TinkerFX signature: it turns your own movement into a character.

Production notes: respects prefers-reduced-motion (ghost shown at rest) · the buffer is length-capped by the time window, not unbounded · on touch, drag a finger · the copied snippet is self-contained HTML + JS.