Back to Pack GalleryMotion Pack 11 · Choice
Command menu
Filter actions inside a compact surface with equal focus feedback for keyboard and pointer.
Suggested
Build a command menu: open it with the button or Cmd/Ctrl+K, filter commands while typing, move highlight with arrow keys, run the active item with Enter, and close with Escape. Keep entrance and exit to a short 160ms cadence.
Motion rules
The highlighted row always communicates what Enter will run next.
Reduced motion
Open and close the panel directly while retaining focus management and keyboard controls.
Implementation
Copy HTML, CSS, and the JavaScript required for behavior together.