Interactive Demo

Customize the clock and see changes in real-time.

Target

Digit Color

#ffffff

Card Color

#1a1a1a

Segments

dayshoursminutesseconds

Separator

LabelsShow Labels

Generated Code

<FlipClock
  targetDate={new Date("2027-01-01T00:00:00")}
/>