Konstantin Pankratov

The Countdown Timer offers a user-friendly countdown block that lets you quickly set up a timer for events, product launches, special offers, and more.
Its main features include:
<ul>
<li>Designed to be minimal: no unnecessary menu items, just a simple tool under the Tools tab.</li>
<li>Built for the WordPress ecosystem: uses official components for a seamless experience.</li>
<li>Customizable time settings: easily set the target time, date, and time zone.</li>
<li>Flexible units display: choose which units to display – years, months, weeks, days, minutes, seconds.</li>
<li>Styling options: adjust colors, backgrounds, margins, alignment, border radius, and separators to seamlessly match your site’s design.</li>
<li>Optimized performance: the plugin separates editor scripts from front-end scripts, ensuring that only the essential code is loaded on the live site.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Go to Tools > The Countdown Timer to create a new timer.</li>
<li>Customize your timer: set the date, time, appearance, and behavior.</li>
<li>Click Publish to save it.</li>
<li>Copy the shortcode and paste it anywhere – in a post, page, or widget.</li>
</ol>
<h3>Development</h3>
This plugin uses React for its front-end interface. The complete unminified source code is available at:
<ul>
<li>GitHub repository: https://github.com/KonstantinPankratov/WordPress-Plugin-Countdown-Timer</li>
</ul>
To build the plugin from source: 
1. Clone the repository 
2. Run <code>cd react</code> 
3. Run <code>npm install</code> 
4. Run <code>npm run build</code>

The Countdown Timer

The only countdown timer you'll ever need!

samiur6688

Countarium – Countdown Widget for Elementor adds a simple yet powerful countdown timer widget to Elementor, allowing you to display time-based urgency elements on your website without writing any code.
The widget lets you set a target date and automatically displays the remaining days, hours, minutes, and seconds in real time. It is fully responsive, highly customizable, and integrates seamlessly with the Elementor editor for live preview editing.
You can also define a custom message that appears when the countdown expires, along with full control over typography, colors, and alignment.
Features:
<ul>
<li>Set a custom countdown date and time.</li>
<li>Display live updating days, hours, minutes, and seconds.</li>
<li>Custom expired message when countdown reaches zero.</li>
<li>Fully responsive layout for all devices.</li>
<li>Alignment control (left, center, right).</li>
<li>Style controls for numbers and labels.</li>
<li>Typography customization for both numbers and labels.</li>
<li>Lightweight and performance optimized.</li>
<li>Live preview support in Elementor editor.</li>
</ul>
How It Works:
The widget calculates the remaining time between the current time and the selected target date. It updates the countdown dynamically using JavaScript on the frontend and reflects changes instantly inside the Elementor editor preview.

Countarium – Countdown Widget for Elementor

A lightweight and customizable countdown timer widget for Elementor with live preview support.

The Countdown Timer vs Countarium – Countdown Widget for Elementor