Pieces(1076)

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.

2026-04-23▼

Date Input

Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.

Ready when you are

Hero Input

Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.

small, compact, dense

Dense Input

Tight small-size text field for data tables and filter rails, with smaller type and tight padding.

acct_7Z91X2Q
Provided by admin. Contact support to change.

Readonly Input

Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.

••••••••••••••••

Password Dots

Masked password row rendered as spaced mono bullets paired with an eye reveal button.

Thanks for the thorough write-up. Two things came to mind while reading — first, the retry logic feels brittle around rate limits;
Shift + ↵ for new line

Textarea

Multi-line input with a shift-enter hint row and a visible corner grip for resize.

design tokens

Search Pill

Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.

Keyboard shortcut
⌘ShiftK
REC
Press any combination

Shortcut Recorder

Keyboard shortcut field that renders the captured keys as keycap pills with a blinking REC indicator while recording.

$12,480.00USD

Currency Input

Money field with a leading currency symbol, right-aligned mono amount, and a unit label.

4

Number Stepper

Compact number control with minus and plus buttons flanking a centered mono value.

Beste Sözen

Text Field

Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.

Volume68%

Range Slider

Label and readout above a filled track with a circular handle positioned by the current value.

Email notificationsGet updates when teammates comment

Toggle Row

Row with a bold label, secondary description, and a switch that slides on or off.

4
2
7

OTP Digit Boxes

Row of square digit cells with a blinking cursor in the next empty slot.

you@company.com

Email Subscribe

Inline email field with a mail icon and a primary submit button docked on the right.

Only 4 left

Stock Level

Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.

Stagingfeat/onboarding-v3

Environment Badge

Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.

5GGood

Signal Bars

Four ascending bars that fill with the current reception level, paired with a network name and label.

Updated 3 seconds ago

Freshness Dot

Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.

+12.4%vs last week

Trend Delta

Inline percent change with a directional arrow, green for up and rose for down, beside a compare period.

Launches in
03:00:00

Countdown

Minimal HH:MM:SS countdown that ticks every second toward a target date, defaulting to three hours out.

68°Room temp

Thermometer

Vertical thermometer tube with a bulb at the bottom and a big temperature readout beside it.

5G

Signal Bars

Stair-step signal bars with an optional network label like 5G or Wi-Fi.

42%

Battery Level

Battery glyph with a tinted fill that colors rose, amber, or emerald by level.

Markdown version