Back to components
UI component
Countdown Timer
Countdown timer displaying days, hours, minutes, and seconds with colon-separated format.
Install
What it does
- Auto-decrementing timer with 1-second intervals
- Days, hours, minutes, seconds display
- Flash sale urgency styling
- onComplete callback when timer hits zero
When to use
Use it
Flash sales, limited-time offers, event countdowns, OTP expiration timers.
Skip it
Precise time tracking (use a proper date library for accuracy).
Files & routes added
- components/ui/countdown-timer.tsx