Countdown

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

Launches in
03:00:00

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Indicator7 } from "@/components/beste/piece/indicator7";

<Indicator7
  label="Launches in"
/>

More Indicator pieces

View all Indicator
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.

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.

Only 4 left

Stock Level

indicator12

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

System status

SchedulingOperational
Billing syncOperational
Records exportDegraded

Status List Card

indicator13

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

+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.