Keyboard shortcuts reference list
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: A titled list of 5 commands from Search to Redo, each row ending in its Mac key chord
When to use
- Shortcut hints set beside an action name, in a tooltip or inside a search field
- Single keys and key combinations, as loose caps, a group of caps or keys with an icon
- Reference lists that pair each command name with its key chord
When not to use
- Shortcut rows the user can filter by typing and pick from: use the Command component
- A ready made shortcuts panel with search and sections, sliding in from the side: use the Sheet blocks
- A status, tag or count shown as a small chip, not a key to press: use the Badge component
Agent notes
- Replace
shortcutswith your bindings; its ⌘ and ⇧ glyphs are Mac only, so show Ctrl and Shift to Windows and Linux users - Rows key on
labeland eachKbdon its own text, so a repeated label or a sequence like G then G breaks React keys - No example listens for its keys:
Kbdonly draws the label, so bind each shortcut with your own keydown handler Kbdturns off pointer events and text selection, so it cannot be clicked, used as a hover trigger or selected
https://reui.io/components/kbd/c-kbd-6.mdget_example("c-kbd-6")npx shadcn@latest add @reui/c-kbd-6About Shadcn Kbd Shortcut List
Keyboard shortcuts reference list. Built by composing Kbd, Separator. A free, open source shadcn kbd example you can install with npx shadcn@latest add @reui/c-kbd-6 and edit as your own code.
What You Can Build With Shadcn Kbd Shortcut List
- Composes Kbd, Separator, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-kbd-6
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn Kbd Examples
- Basic Keys Basic keyboard keys.
- Grouped Keys Keyboard keys grouped together.
- Keys With Icons Keyboard keys combined with icons.
- In Input Keyboard key within an input.
- In Tooltip Keyboard shortcut in a tooltip.
Related Shadcn Component Categories
Open-source shadcn label components for form labels, accessible inputs, and field pairing.
Open-source shadcn marker components for agent run logs, inline status lines, and labeled separators.
Open-source shadcn menubar components for desktop navigation, editor menus, and app commands.
Open-source shadcn message components for chat transcripts, assistant replies, and support threads.
Open-source shadcn message scroller components for chat transcripts, streaming replies, and jump-to-latest scrolling.
Open-source shadcn native select components for lightweight selects, mobile-friendly forms, and basic option picking.
Frequently Asked Questions
When should I use Shadcn Kbd Shortcut List?
Use it for a titled list of 5 commands from Search to Redo, each row ending in its Mac key chord.
Shadcn Kbd as a whole fits:
- Shortcut hints set beside an action name, in a tooltip or inside a search field
- Single keys and key combinations, as loose caps, a group of caps or keys with an icon
- Reference lists that pair each command name with its key chord
For shortcut rows the user can filter by typing and pick from, use the Command component. For a ready made shortcuts panel with search and sections, sliding in from the side, use the Sheet blocks. For a status, tag or count shown as a small chip, not a key to press, use the Badge component.
How do I install Shadcn Kbd Shortcut List?
Is Shadcn Kbd Shortcut List free to use?
Which components does Shadcn Kbd Shortcut List use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.