1Sponsor

Timer

Countdown timer with pause/resume and auto-start

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/timer.json

Usage

import { Timer } from "@/components/ui/timer";
<Timer duration={300} format="ms" label="Pomodoro" autoStart />

API Reference

Timer

PropTypeDefault
durationnumberrequired
onComplete() => voidundefined
autoStartbooleanfalse
format"hms" | "ms" | "s""hms"
colorstringundefined
labelstringundefined