Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard13 } from "@/components/beste/piece/keyboard13";
<Keyboard13
sequence={[
"↑",
"↑",
"↓",
"↓",
"←",
"→",
"←",
"→",
"B",
"A"
]}
caption="Unlock the secret"
/>Vim-style multi-step combo showing keys separated by arrows with per-step labels.
Row of tactile transport keycaps with the center play/pause lit in primary, flanked by track name and elapsed time.
Titled panel listing several actions with their key combos stacked on the right.
Horizontal strip of F-keys, each annotated with the action it triggers.
Large tactile keycap with subtle shadow and a caption reading underneath.
Raised kbd keys joined with a plus separator. Any combo works.