Active Keypress

Lit-up key with a pinging halo behind it and a caption beneath to cue the user.

Space
Press to continue

New here? Read the installation guide.

Import & use
import { Keyboard7 } from "@/components/beste/piece/keyboard7";

<Keyboard7
  keyLabel="Space"
  caption="Press to continue"
  tone="violet"
/>

More Keyboard pieces

View all Keyboard
Caps Lock
OnType in uppercase

Caps Lock LED

Toggle key with an inset LED indicator that lights up when the lock is engaged.

Quick search
K

Keyboard Shortcut Hint

Raised kbd keys joined with a plus separator. Any combo works.

Command

Hero Keycap

Large tactile keycap with subtle shadow and a caption reading underneath.

Porcelain · Moby
2:18 / 4:01

Media Keys

Row of tactile transport keycaps with the center play/pause lit in primary, flanked by track name and elapsed time.

WASD
Move

WASD Cluster

Gaming movement cluster with W on top and A S D on the second row, lighting the active key in primary.

BA
Unlock the secret

Key Sequence

Row of small tactile keycaps laid out in order, great for Konami-style cheat codes or macro combos.

Markdown version