Hot Themes

<p>Hot Counters block creates numeric or graphical animated counters. The counters block can contain multiple counters in a controllable layout.</p>


HotBlocks Counters

Animated counters block. Numeric and circular (SVG graphic) counters.

Freemius

Abu Hayat

bPlugins

Charles Cormier

asadsuzan

<p>Counters Block lets you display statistics, milestones, and achievements using smooth animated number counters in the Gutenberg editor.</p>
<p>Perfect for showcasing business stats, KPIs, goals, achievements, subscribers, followers, sales numbers, or any key metric that deserves attention.</p>
<p>With multiple modern counter layouts, powerful animation controls, and full responsive settings, you can create engaging counter sections without writing any code.</p>
<p>Whether you’re building a landing page, portfolio, dashboard, or stats section, Counters Block gives you complete control over layout, animation, typography, and styling — all inside the block editor.</p>
<p><strong><a href="https://bblockswp.com/demo/counters-block-all/" rel="nofollow ugc">Demos</a></strong></p>
<h3>💡 Use cases:</h3>
<ul>
<li>Company statistics & achievements  </li>
<li>Sales, growth & performance metrics  </li>
<li>Portfolio highlights  </li>
<li>Milestones, goals & KPIs  </li>
<li>Social proof counters</li>
</ul>
<h3>Features</h3>
<h4>Themes & Layouts</h4>
<ul>
<li>16 ready-made counter themes (13 premium + 3 free)</li>
<li><strong>NEW:</strong> Circular Progress Counter </li>
<li>Multiple modern layouts with one-click theme switching</li>
<li>Fully responsive grid-based layout</li>
<li>Responsive column control (desktop, tablet, mobile)</li>
<li>Custom column and row gap control</li>
</ul>
<h4>Counter Items</h4>
<ul>
<li>Add unlimited animated counters</li>
<li>Per-counter background customization</li>
<li>Per-counter border control (theme-based)</li>
<li>Per-counter shadow and hover shadow (premium themes)</li>
<li>Per-counter width and height control</li>
</ul>
<h4>Number Animation Types</h4>
<ul>
<li>Classic number animation</li>
<li>Rolling number animation</li>
<li>Bounce animation</li>
<li>Fade animation</li>
<li>Slide animations (Up, Down, Left, Right)</li>
<li>Pulse animation</li>
<li>Flip animation</li>
<li>Typewriter animation</li>
</ul>
<h4>Animation Triggers</h4>
<ul>
<li>Trigger animation when visible (default)</li>
<li>Trigger animation on page load</li>
<li>Trigger animation on click</li>
<li>Trigger animation on hover</li>
<li>Custom trigger using CSS selector (ID or class)</li>
</ul>
<h4>Animation Controls</h4>
<ul>
<li>Global animation duration control</li>
<li>Global animation delay control</li>
<li>Per-counter stagger delay</li>
<li>Repeat animation on scroll</li>
<li>Reverse count support</li>
<li>Rolling stagger modes (per counter, per digit)</li>
</ul>
<h4>Easing Options</h4>
<ul>
<li>Linear easing</li>
<li>Ease-in easing</li>
<li>Ease-out easing</li>
<li>Ease-in-out easing</li>
</ul>
<h4>Number Formatting</h4>
<ul>
<li>Start and end number control per counter</li>
<li>Prefix support before number</li>
<li>Suffix support after number</li>
<li>Thousands separator support (Coma & Space)</li>
<li>Decimal number support (global)</li>
<li>Smooth animated decimal transitions</li>
</ul>
<h4>New Circular Progress Counter (Theme 15)</h4>
<ul>
<li>SVG-based animated circular progress counter</li>
<li>Ideal for percentages, milestones, and KPIs</li>
<li>Adjustable circle size (radius control)</li>
<li>Customizable progress ring thickness</li>
<li>Progress color, track (stroke) color & inner fill color controls</li>
<li>Fully responsive and theme-aware</li>
</ul>
<h4>Icon Features</h4>
<ul>
<li>Custom icon  support. ( Font Awesome, Bootstrap, Lucide)</li>
<li>Icon position control (top or inline with label)</li>
<li>Icon size & color controls</li>
<li>Icon background control (premium themes)</li>
<li>Icon background & container styling (premium)</li>
<li>Icon bounce animation on counter completion (premium)</li>
</ul>
<h4>Typography & Content</h4>
<ul>
<li>Responsive typography for numbers</li>
<li>Primary label & optional sub-label support</li>
<li>Responsive label & sub-label typography</li>
<li>Label & sub label’s visibility & color controls</li>
</ul>
<h4>Container Styling</h4>
<ul>
<li>Global counters background & padding controls</li>
<li>Text alignment control</li>
<li>Optimized Gutenberg editor experience</li>
</ul>
<h3>How to Use</h3>
<ol>
<li>Install and activate the <strong>Counters Block</strong> plugin.</li>
<li>Open the Gutenberg editor in your WordPress dashboard.</li>
<li>Add the <strong>Counters Block</strong> from the block inserter.</li>
<li>Customize counters, animations, icons, and layouts using the right-side settings panel.</li>
<li>Publish your page and enjoy smooth, animated counters  🎉</li>
</ol>
<p><strong><em>Need help installing? Check the Installation tab for step-by-step guidance.</em></strong></p>
<h3>Free vs Premium</h3>
<p>Includes everything needed to build professional animated counters</p>
<h4>Free Version</h4>
<ul>
<li>Unlimited counters</li>
<li>3 free counter themes</li>
<li>Fully responsive grid layout</li>
<li>Responsive column controls (desktop, tablet, mobile)</li>
<li>Number formatting & classic animations</li>
<li>Icon support & typography controls</li>
</ul>
<h4>Premium Version</h4>
<p>Unlock advanced animations, premium themes, and enhanced styling</p>
<ul>
<li>12 premium counter themes</li>
<li>Advanced number animations (Rolling, Bounce, Flip, Typewriter, etc.)
<ul>
<li>Advanced counter designs including Circular Progress Counter (Theme 15)</li>
</ul>
</li>
<li>Advanced animation triggers & easing options</li>
<li>Per-counter shadows, borders & hover effects</li>
<li>Icon backgrounds & container styling</li>
<li>Priority updates & premium support</li>
</ul>
<h3>Feedback & Support</h3>
<p>Did you find a bug or have a feature request?<br />
📧 <a href="mailto:support@bplugins.com" rel="nofollow ugc">Send feedback</a></p>
<p>Support forum:<br />
https://wordpress.org/support/plugin/counters-block/</p>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Counters Block – Animated Number Counters for Stats and Goals

A great way to display numbers in a fun and interesting way.

HotBlocks Counters vs Counters Block – Animated Number Counters for Stats and Goals