Arrow Cluster

Four-way directional pad with a pressed state that highlights one key at a time.

Navigate

New here? Read the installation guide.

Import & use
import { Keyboard6 } from "@/components/beste/piece/keyboard6";

<Keyboard6
  active="up"
  label="Navigate"
/>

More Keyboard pieces

View all Keyboard
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.

Modifier keys
Command
Option
Shift
Control

Modifier Cluster

macOS modifier symbols laid out side by side with their names printed below.

G
Leader
P
Go to project
Press in sequence

Chord Sequence

Vim-style multi-step combo showing keys separated by arrows with per-step labels.

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.

BA
Unlock the secret

Key Sequence

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

Command

Hero Keycap

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

Markdown version