Atomic Element · Free
Count down to a product launch, a webinar or the end of early-bird pricing, with every digit and label styled from your Elementor 4 Classes. When time is up, your own message takes its place. Free on Elementor Free.
The short answer
The Elementor countdown timer from Animation Addons is a free Elementor 4 Atomic Element called Countdown. It counts down to one fixed date and time, showing days, hours, minutes and seconds as four units with their own Digit and Label. At zero, the units are replaced by your expire title and description.
Many "Elementor V4 compatible" addons are classic v3 widgets running inside the new editor. The Animation Addons for Elementor Countdown is a native Atomic Element, so digits and labels use your Elementor 4 Classes and Variables.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (composite, four locked units) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Child elements | Countdown Unit × 4 (Days, Hours, Minutes, Seconds), each with Digit and Label; ":" Separator between units |
| Settings | Due Date (YYYY-MM-DD HH:MM:SS), Layout (Horizontal / Vertical), Show Separator |
| Time zone | The Due Date runs in each visitor's local time. 23:59 ends at 23:59 wherever the visitor is |
| Timer type | Fixed date only; no evergreen (per-visitor) mode |
| When time is up | Expire Message with Title and Description replaces the units; announced politely to screen readers |
| Page weight | One small script ticking once a second, no library |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Countdown and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
A dark full-width hero, headline above, the countdown in large white digits with small uppercase labels and grey ":" separators, a "Join the waitlist" button below.
Four white rounded cards in a row on a soft background, a big number in each and the label under it; two by two on phones.
A ticket box with the early-bird price and a compact countdown. After the deadline, the timer is replaced by a notice and the box still shows the regular price.
Four rows stacked, each with the number on the left and the label on the right, in a slim bordered panel.
Elegant serif digits in a blush palette with small italic labels in French ("jours", "heures", "minutes", "secondes") and thin separators.
A slim coloured strip across the top of the site with a short line, a compact inline timer and a "Get directions" link.
Features
Every option below is a real control in the Countdown panel or part of how the element renders. Nothing here needs custom code.
Each unit holds a Digit and a Label. Style seconds differently from days, or give all Digits one Class and change them together.
Layout places the units in a Horizontal row or a Vertical column; combine with responsive styles to change per device.
Show Separator adds ":" between units. It's a real text element you can restyle.
At zero the units hide and the Expire Message Title and Description appear. The message sits in a polite live region, so screen readers announce it once without interrupting.
Labels are plain text: "Days", "jours" or just "d".
The four units are locked in order so the timer can't break, while every part inside is styleable.
Built on the atomic base
Why it mattersThe timer always works, and it still follows your Classes and Variables.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall Animation Addons for Elementor and open a page with the Atomic Editor on.
Drag Countdown onto the canvas. It drops in counting down to two days from now.
Under Timer, enter your Due Date as YYYY-MM-DD HH:MM:SS.
Choose a Layout and switch Show Separator on or off.
Under Expire Message, write the Title and Description shown at zero.
Style Digits, Labels and Units, publish, and check the live page (the editor shows a still snapshot).
Honest comparison
Elementor Pro's Countdown is the more complete tool for evergreen timers and redirects. Animation Addons is the free choice for fixed-date countdowns you want to design freely.
| Feature | Elementor Pro Countdown | Animation Addons Countdown |
|---|---|---|
| Requires Elementor Pro | Yes | No |
| Native Elementor 4 Atomic Element | No, classic widget | Yes |
| Timer types | Due Date or Evergreen (set in hours and minutes) | Due Date only |
| Choose which units show | Yes, days/hours/minutes/seconds toggles | All four units always present |
| At expiry | Redirect, Hide or Show Message | Show your Expire Message |
| Styling | Widget style options | Each unit, digit, label and separator with Classes and Variables |
Compared with Elementor 4.3.3 (September 2026).
Who it's for
The people who get the most out of it, and what they use it for.
Running launches and seasonal deadlines on Elementor Free.
Counting down to a start date or early-bird cut-off.
Who need a timer that matches each client's brand.
FAQ
Install the free Animation Addons for Elementor plugin and drag the Countdown element onto your page. Enter the end date and time in Due Date, pick a Horizontal or Vertical layout, and write an expire message. The Animation Addons Countdown works on Elementor Free and ticks every second on the published page.
The Animation Addons Countdown runs the Due Date in each visitor's local time, so "2026-11-27 23:59:00" ends at 23:59 in London for a London visitor and at 23:59 in New York for a New York visitor. For a worldwide deadline, write the time zone next to the timer ("ends 23:59 GMT") and set the Due Date for your main audience.
When the Animation Addons Countdown reaches zero, the day, hour, minute and second units are hidden and the Expire Message appears in their place. Write its Title and Description in the Countdown settings, for example "The sale has ended". The page does not redirect, so place your next call to action nearby.
No. The Animation Addons Countdown counts down to one fixed Due Date that is the same date for every visitor. For an evergreen timer, use a tool that offers an evergreen mode, such as Elementor Pro's Countdown. Fixed dates suit launches, events and real sale deadlines, and keep deadlines honest.
Partly by design. The Animation Addons Countdown's ticking digits are plain text and are not announced every second, which avoids constant interruptions. When time runs out, the Expire Message sits in a polite live region, so screen readers announce it once. Write the deadline in nearby text too, such as "Offer ends Friday 27 November".
No. The Animation Addons Countdown loads one small script that updates the digits once a second, with no library. The expire message text is in the page HTML from the start. Search engines only see starting digits, so state the actual date in a heading or paragraph near the timer.
The Animation Addons Countdown shows a single snapshot of the remaining time in the editor on purpose, because ticking every second there would keep re-rendering the canvas while you design. Preview the page or open the published URL to see it count down live.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Countdown on the same page or template.
A free, native Elementor 4 countdown you style digit by digit.
