Row of tactile transport keycaps with the center play/pause lit in primary, flanked by track name and elapsed time.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Keyboard16 } from "@/components/beste/piece/keyboard16";
<Keyboard16
state="playing"
track="Porcelain · Moby"
elapsed="2:18 / 4:01"
/>Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.
Large tactile keycap with subtle shadow and a caption reading underneath.
Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.
Lit-up key with a pinging halo behind it and a caption beneath to cue the user.
Horizontal strip of F-keys, each annotated with the action it triggers.
Four-way directional pad with a pressed state that highlights one key at a time.