Shortcuts Reference
A keyboard shortcuts panel with a platform toggle, a two column grid of categories pairing action labels with keycap combinations, and a customize footer.
A keyboard shortcuts panel with a platform toggle, a two column grid of categories pairing action labels with keycap combinations, and a customize footer.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Shortcuts Reference is a single reference panel. A header pairs the title with a macOS and Windows platform toggle, then a two column grid lays out four category sections: Navigation, Actions, Editor, and View. Each row pairs an action label with its key combination rendered as monospace keycaps, and a footer restates the ? shortcut that opens the panel alongside a Customize shortcuts action.
Groups and their shortcuts are one typed const array, and a small Keycap helper renders each key as a bordered cap, so the whole panel is static and server rendered. Grouping by task rather than by key is what lets a user scan straight to the action they want instead of decoding a flat list.
Reach for this block behind the ? shortcut, inside a help drawer, or on a keyboard settings page, wired to the bindings your app actually ships. Point the platform toggle at the visitor's OS so the modifier keys match the machine in front of them.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the full app shortcut sheet. Other configurations:
Tip: group shortcuts by the task a user is trying to do, not by modifier key; people look for the action first and the keys second.