ns-ui
A relative timestamp whose type visibly ages — variable-font weight, letter-spacing and ink drift from --foreground toward --muted as the moment recedes; hover or focus crossfades to the exact ISO instant.
Use when a relative timestamp where the age should be legible from the type itself, weight and letter-spacing and ink drifting toward muted as the moment recedes, with the exact ISO instant available on hover; pick badge-unread-tarnish instead when the thing ageing is an unread count rather than a timestamp, or counter-carry-ripple when the number is a live quantity rather than a moment.
Install
npx shadcn add https://design.helpmarq.comns-ui / time-ago-drift — hover or focus a stamp for the exact moment
| Prop | Type | Default | Description |
|---|---|---|---|
| date | Date | string | number | — | the moment being aged — Date, ISO string, or epoch ms |
| className? | string | — | — |