Free Email Countdown Timer Maker

Countdown timer

Not saved yet

Template rules

One root element with data-timer and a fixed width and height in px.
Empty digit slots: <span data-slot="hours" data-digits="2"></span>. Units: days, hours, minutes, seconds.
data-show="running" hides after the deadline, data-show="expired" shows only then.
data-show-under="24h" shows an element only in the last 24 hours, data-hide-under="24h" hides it then. Also 30m, 2d. Keep these out of the digits' row.
Apple Mail card: data-show="card" with <span data-deadline></span> for the date; without it, the date replaces the digits.
Any CSS and web fonts work. No JavaScript, no CSS animation.
Colours written as --name: #hex show up as editable swatches.

Your brand <hello@yourbrand.com>

Last chance: your offer ends soon

The clock is running

This is how your timer sits in a real email. Every open shows the time left right then.

Shop the sale

Colours