Pieces

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.

Master services agreementMSA-2026-0421
Party ABeste Technologies Inc.
Party BBeste Design Studio
EffectiveMay 1, 2026
Awaiting counter-signature

Contract Summary

legal1

Contract overview card listing the title, reference code, parties, effective date, and a status pill.

×
Beste SözenPrincipal, Beste Design Studio
Date: __ / __ / ____

Sign Here Field

legal2

Blank signature block with a dashed baseline, tilted rose Sign here tag, and printed name underneath.

SignatureSigned
Beste Sözen
Beste SözenPrincipal, Beste Design Studio
Signed Apr 21, 2026

Signed Block

legal3

Completed signature panel with an italic cursive autograph, emerald Signed pill, and a printed footer.

Mutual NDAConfidential
DisclosingBeste Technologies Inc.
ReceivingKestrel Labs
Term · 3 years from the effective dateDelaware, USA

NDA Card

legal4

Mutual NDA summary card with a shield tile, Confidential eyebrow, party split, term, and jurisdiction.

§ 4.2Limitation of liability

In no event shall either party be liable for any indirect, incidental, special, or consequential damages arising out of this agreement, even if advised of the possibility of such damages.

Master services agreement · MSA-2026-0421

Clause Snippet

legal5

Left-ruled clause card pairing a section chip with a heading, statutory body text, and a source footer.

Series A investors' rights agreementUpdated 4 hours ago
In review

Document Status

legal6

Document row whose icon and pill shift across draft, review, signed, expired, and voided states.

PDF
MSA-2026-0421-signed.pdf18 pages · 1.8 MBsha256: 9f2c…4a81

PDF Download

legal7

Signed-PDF download row with a rose PDF tile, filename, page and size line, hash, and dark button.

Case 1:26-cv-04182Confidential witness statement
Redacted

On the evening of, the witness observedarriving at

carrying awrapped in cloth.

Redacted Passage

legal8

Court-style excerpt with black redaction bars inline through the prose and a redacted or unsealed pill.