All components
CountdownTimer
Sale / drop countdown with full or compact mode. Auto-hides at zero.
components/countdown-timer.tsxPeer deps:
lucide-reactLive preview
Sale ends in
02days
:04hours
:59min
:59sec
Hurry —03:59:59
Usage
import { CountdownTimer } from "@/components/countdown-timer";
<CountdownTimer
targetTimestamp={new Date("2026-12-31T23:59:59Z").getTime()}
label="Sale ends in"
/>
// Compact variant for cart side panels / PDP urgency badges
<CountdownTimer compact targetTimestamp={...} label="Hurry —" />