Pieces/Input

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.

typescript
12
const answer = 42;return answer * 2;

Code Input

input25

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.

Remind me to buy coffee beans on my way home

Dictation Input

input26

Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.

Can we ping @mira about the #launch-prep agenda?

Mentions & Tags

input27

Message input that highlights @-mentions in sky and #channel tags in violet amid plain body text.

/^[a-z]+@beste\.co$/gi42

Regex Input

input28

Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.

INV-2026-00421Auto

Serial Input

input29

ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.

Ξ
0x4A81…6fA0ENS
Ethereum · Mainnet

Wallet Input

input30

Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.

Search anything...

Search Field

search1

Static search affordance with a lucide icon, placeholder, and an optional shortcut chip on the right.