Pieces/Keyboard

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Quick search
K

Keyboard Shortcut Hint

keyboard1

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

Go to fileJump to any file in the workspace
P

Command Palette Row

keyboard2

Raycast-style action row with leading icon, description, and a trailing shortcut combo.

Keyboard shortcuts
Open search
K
New file
N
Toggle sidebar
B
Switch workspace
O

Shortcut Cheatsheet

keyboard3

Titled panel listing several actions with their key combos stacked on the right.

Command

Hero Keycap

keyboard4

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

G
Leader
P
Go to project
Press in sequence

Chord Sequence

keyboard5

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

Navigate

Arrow Cluster

keyboard6

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

Space
Press to continue

Active Keypress

keyboard7

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

Modifier keys
Command
Option
Shift
Control

Modifier Cluster

keyboard8

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

Caps Lock
OnType in uppercase

Caps Lock LED

keyboard9

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

F1Help
F2Rename
F3Find next
F4Close
F5Reload

Function Row

keyboard10

Horizontal strip of F-keys, each annotated with the action it triggers.

PressKto open search

Inline Hint Pill

keyboard11

Rounded pill that embeds a keycap between prefix and suffix copy for quick prompts.

Enter your 6-digit PIN
1234567890

PIN Pad

keyboard12

Phone-style number pad with tactile keycaps and a row of filled dots tracking how many digits are entered.

BA
Unlock the secret

Key Sequence

keyboard13

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

Press space to continue
Space
or click anywhere

Spacebar

keyboard14

Long-format spacebar keycap with a soft shadow, bracketed by a prompt above and a hint caption below.

WASD
Move

WASD Cluster

keyboard15

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

Porcelain · Moby
2:18 / 4:01

Media Keys

keyboard16

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