Pieces/Indicator(14)

Indicator pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

Booking service

99.98%

Last 45 days

Uptime Strip Card

A status card showing one service's uptime percentage above a dense strip of daily bars tinted by how that day went.

System status

SchedulingOperational
Billing syncOperational
Records exportDegraded

Status List Card

A compact status panel listing services, each with a colored dot and an operational state.

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.

Syncing workspace

Spinner Pill

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

3 / 5

Step Dots

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

Live

Status Pill

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

Markdown version