HeroTimer ← Back to HeroTimer

Live demo

Build your timer. See it live.

Customise the colours, text, and layout below — then click Preview to see your timer running on a real page.

Timer Appearance

Start with a preset, then customise:

Background

Label Text

Numbers

Border

Font Size (px)

Headline

Sub-text

Layout

Centre Text left Text right

Show DAYS / HOURS / MINUTES / SECONDS labels

Separator

Colon : Dot · Space

Widget Alignment

Left Center Right

Live preview

Background

Timer Labels

Numbers

Border

Font Size (px)

Bar Headline

Bar Sub-text

Headline & Sub-text Colour

Text Alignment

Left Center Right

Live preview

Choose a style for the animated countdown GIF used in emails.

GIF Style

Style preview

GIF style preview

Happy with your design? Click below to open your live timer preview in a new tab.

What you'll see in the preview:

Sticky bar at the top of the page
Sticky bar at the bottom of the page
Inline widget embedded in content
All three running a live 10-minute countdown
Real expired redirect when the timer hits zero

Like what you see?

Get full access to HeroTimer — unlimited campaigns, real subscriber tracking, and your own branded subdomain. Everything for just $19 per month.

Get HeroTimer Now