Cursor Theatre / Motion studies
Cursor anatomy ↗

Little pointers.
Big feelings.

A small stage for cursors with a mind of their own.

After you. No, after you.
Reduced motion is on. Scrub the timeline to inspect individual poses.
a comedy of manners
0.0 / 8.0 s
The director’s desk

Two cursors. One awkward social situation.

ReservedExpressive
DirectThe scenic route
Take your timePlaces to be
Give them your own voice
Quick moves. Steady pointers. Purposeful gestures.
Motion references: GSAP, Motion, Anime.js.Made to move into your next presentation.
No libraries. No account. Just a little character.

A little character, anywhere.

Put cursor-theatre.js alongside your page, then add this snippet. The scene fits its container. The exported performance is a self-contained page you can open or embed in a presentation that supports web content.

Use .play(), .pause(), .replay(), and .configure() to cue an entrance or change the performance.