Animated split-flap style clock with four visual variants. Supports live time and countdown mode with optional day visibility.
Variants
Classic
HRS 14, MIN 12, SEC 53
Minimal
HRS 14, MIN 12, SEC 53
Neon
HRS 14, MIN 12, SEC 53
Retro
HRS 14, MIN 12, SEC 53
Sizes
HRS 14, MIN 12, SEC 53
HRS 14, MIN 12, SEC 53
HRS 14, MIN 12, SEC 53
Countdown
DAYS 002, HRS 04, MIN 59, SEC 59
DAYS 002, HRS 04, MIN 59, SEC 59
1import FlipClock from "@/components/FlipClock";2 3<FlipClock size="md" variant="classic" />4 5<FlipClock size="md" variant="minimal" />6<FlipClock size="md" variant="neon" />7<FlipClock size="md" variant="retro" />8 9<FlipClock10 countdown11 targetDate={new Date(Date.now() + 2 * 24 * 60 * 60 * 1000)}12 showDays="auto"13 respectReducedMotion={false}14/>