Generate animated countdown GIFs for emails, landing pages, and anywhere images work.
?preset=dark-boxes&time=2026-12-25T00:00:00
?preset=gradient-cards&evergreen=2h
?preset=minimal-light&time=2026-12-25T00:00:00
?preset=bold-color&evergreen=30m
?preset=transparent&time=2026-12-25T00:00:00
Embed in any HTML (emails, landing pages, websites):
<img src="https://timer.sellf.app/?preset=dark-boxes&time=2026-12-25T00:00:00" alt="Countdown">
For emails, use absolute time. For landing pages, evergreen timers work great:
<img src="https://timer.sellf.app/?preset=gradient-cards&evergreen=2h" alt="Countdown">
| Parameter | Description | Default |
|---|---|---|
| preset | Named preset (dark-boxes, gradient-cards, minimal-light, bold-color, transparent) | - |
| time | Absolute target datetime (e.g. 2026-12-25T00:00:00) | now |
| evergreen | Relative duration (e.g. 2h, 1d+2h+30m, 30m) | - |
| tz | Timezone (e.g. Europe/Warsaw) | UTC |
| width | Image width in pixels | 640 |
| height | Image height in pixels | 140 |
| seconds | Animation duration in seconds (max 120) | 30 |
| boxColor | Background color (hex) | 000 |
| fontColor | Digit color (hex) | fff |
| font | Font name (BebasNeue, Inter-Bold, Montserrat-Bold) | BebasNeue |
| fontSize | Digit font size in px (omit for auto) | auto |
| boxStyle | Box style: rounded, gradient, outline, none | none |
| boxBg | Box background color (hex) | 2d2d4a |
| boxRadius | Box corner radius in px | 10 |
| boxPadding | Padding inside boxes in px | 12 |
| separator | Separator between groups (: or - or empty) | : |
| sepColor | Separator color (hex) | fontColor |
| labelColor | Label color (hex) | fontColor |
| bgImage | Background image (URL or local path) | - |
| bgFit | Background fit mode (cover, contain, stretch) | cover |
| transparent | Transparent background (1/true) | false |
All generated GIFs are cached at multiple layers for maximum performance:
30 requests per minute per IP. For high-volume email campaigns, pre-warm the cache with the exact URL before sending.