ns-ui / countdown-vapor-digits
LAUNCH WINDOW CLOSES IN
HOURSMINUTESSECONDS
retarget to watch every digit sublimate and condense at once
ns-ui
Live countdown where each digit change is a phase transition: the outgoing digit sublimates into grains on curl-noise wind while the incoming digit condenses from the same cloud.
Use when a countdown to a deadline where each digit change should read as a phase transition rather than a tick, the outgoing digit sublimating as the incoming one condenses from the same cloud; pick counter-carry-ripple instead when the number is a live count whose arithmetic structure matters, or toast-undo-fuse when the countdown is a single undo window attached to one notification.
Install
npx shadcn add https://design.helpmarq.comns-ui / countdown-vapor-digits
LAUNCH WINDOW CLOSES IN
retarget to watch every digit sublimate and condense at once
| Prop | Type | Default | Description |
|---|---|---|---|
| targetDate? | Date | string | number | — | countdown target — Date, ISO string, or epoch ms; defaults to 24h from mount |
| labels? | readonly [string, string, string] | null | DEFAULT_LABELS | mono labels under the HH / MM / SS groups; null hides the row |
| className? | string | — | — |