Event Countdown Generator

Create, customize, and share your event countdowns!

Event Details

Customization

Live Preview

How to Use This Tool

1. Set Event Details: Fill in the event name, date, time, optional description (max 100 characters), and the message to display when the countdown ends. This message will appear directly where the timer was.

2. Customize Appearance: Adjust the layout style, font, text color, card background color, page background color, and the sizes for the countdown numbers and event name using the customization panel. The description size is automatically set to be smaller than the event name.

3. Preview Live: See your changes in real-time in the Live Preview section.

4. Share or Embed: Once you're happy with your countdown, use the "Share & Embed" section:

  • Copy Link: Get a direct link to the fullscreen countdown page.
  • Copy Embed Code: Get an iframe code to embed the countdown on your website.
  • Test Countdown: Open the fullscreen countdown page in a new tab to see how it looks.

5. Test End Message: Click the "Test Message When Countdown Ends" button (below the Live Preview) to see how your end message will appear in a modal.