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.

HRV · overnight
68 msRecovery looks strong

Recovery Score

health25

Overnight HRV score card with a large value, positive status blurb, and a seven-day emerald bar chart.

Inhale34-7-8 · Round 2 of 4

Breathing Exercise

health26

Guided breathwork card with a pulsing sky ring, phase label, big second count, and cycle note.

Blood glucose · fasting
102mg/dL
Mon96
Tue104post-pasta
Wed92
Thu88
Fri102

Glucose Log

health27

Daily fasting-glucose readings with a latest value in the header and optional context tags per row.

Lisinopril10 mg · 1 tab daily
Morning with food
8 of 30 leftRefill on May 12
Ships from Green Cross Pharmacy

Prescription

health28

Prescription card with a dose line, schedule note, supply bar that flips rose when low, and refill date.

14/ 28
Cycle
Ovulation windowPeriod in ~14 daysEnergy usually peaks today.

Cycle Tracker

health29

Cycle ring with day fraction in the middle, a phase label, next-period forecast, and a mood note.

Dr. Maya ChenTelemedicine · General practice
Starts in 12 min
Covered by insurance

Telehealth Visit

health30

Upcoming telemedicine visit card with a provider byline, amber starts-in pill, and a sky Join button.

Live

Status Pill

indicator1

Pulsing status dot in four tints: live, beta, paused, offline.

3 / 5

Step Dots

indicator2

Row of small dots showing progress through N steps, with a trailing fraction count.

Syncing workspace

Spinner Pill

indicator3

Spinning loader icon paired with a status label inside a rounded pill.

42%

Battery Level

indicator4

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

5G

Signal Bars

indicator5

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

68°Room temp

Thermometer

indicator6

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

Launches in
03:00:00

Countdown

indicator7

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

+12.4%vs last week

Trend Delta

indicator8

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

Updated 3 seconds ago

Freshness Dot

indicator9

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

5GGood

Signal Bars

indicator10

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

Stagingfeat/onboarding-v3

Environment Badge

indicator11

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

Only 4 left

Stock Level

indicator12

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

you@company.com

Email Subscribe

input1

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

4
2
7

OTP Digit Boxes

input2

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

Email notificationsGet updates when teammates comment

Toggle Row

input3

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

Volume68%

Range Slider

input4

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

Beste Sözen

Text Field

input5

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

4

Number Stepper

input6

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