K–INSP–005 · Inspiration
Cursor Section Index Dot
A sticky page index whose single accent mark springs diagonally to the end of the current section label.
View studyKaki catalogue
K–INSP–011 · Inspiration · Interaction
A filter menu that animates open and shut, except when the choice changes the list underneath — then it just goes.
Kaki reconstruction / Live
Open a menu and re-pick the value it already has — it animates shut. Pick a different one and it is simply gone. The index beneath is an invented Kaki sample; the timing and the conditional are the source’s.
Sample index / 10 shown
Behavior verified in the supplied Cursor Careers archive · Kaki-authored sample index and copy · keyboard support added · still panels on reduced motion
Observed interaction / 03
These diagrams describe the source mechanism without reproducing its screenshots, listings, page copy, or bundled application code.
Why it is here
A menu that animates shut is ordinary. A menu that notices it is about to change the page underneath, and declines to animate for that one case, is a decision somebody had to make twice: once to build the transition, and once to admit it was wrong in a specific situation. Everything else here — the delayed visibility flip, the caret, the trigger that reads back its own selection — is competent standard work. The conditional is the record.
The whole record turns on one conditional: the panel animates shut when nothing changes, and is cut instantly when the selection does. Motion that knows when to get out of the way is rarer than motion that is well timed.
aria-expanded, aria-controls and aria-haspopup="listbox"; a panel that stays in the layout when closed, losing only opacity, a 0.4rem offset and visibility, transitioned over 0.14s on a cubic-bezier with the visibility flip delayed by the same 0.14s so the exit can play; an upward variant that translates from below instead; a transition suppressed outright for the one case where the selection actually changed, restored on the next tick; one shared document press listener closing whichever menu was not pressed inside; and options carrying a circular indicator that fills with the accent colour and reveals a check