Motionz

Cursor

A spring-chained cursor that glides between stops, leans into travel and splashes on click.

remotion

Installation

Terminal
npx shadcn@latest add https://motionz.dev/r/cursor.json

Props

NameTypeDefaultDescription
stopsCursorStop[]–{ at, x, y, press? } in frame order; px from the parent's centre.
enterFrom{ x, y }{ x: 220, y: 160 }Start offset from the first stop.
travelnumber30Frames each move takes.
hideAtnumberlast stop + 0.5sFrame it fades out.
zoomnumber1Zoom of whatever it sits in, so it stays one size on screen.
sizenumber0.7Arrow scale; 0.7 suits 1080p.
splashColorstring"#111"Colour of the click splash.