M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Hanzala Taifun

<p>Put spotlight in important data using Counter block for Gutenberg. Customize the designs by adding proper Animation effects with flexibility and many more!</p>
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
<p>This Block is brought to you by <a href="https://wpdeveloper.com" rel="nofollow ugc">WPDeveloper</a>, the team behind the most popular elements library <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> (used by almost 1 million+ happy users from 180+ countries).</p>
<h3>👨‍💻 DOCUMENTATION AND SUPPORT</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://essential-blocks.com/docs/" rel="nofollow ugc">documentation</a></li>
<li>To report issue and contribution visit <a href="https://github.com/EssentialBlocks/number-counter" rel="nofollow ugc">Github</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/number-counter" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a>.</li>
</ul>
<h3>🙌 JOIN THE COMMUNITY</h3>
<p>🎦 Subscribe to our <a href="https://www.youtube.com/wpdevelopernet/?sub_confirmation=1" rel="nofollow ugc">Youtube Channel</a> to watch video tutorials on WordPress.</p>
<p>🤝 Join our <a href="https://www.facebook.com/groups/wpdeveloper.net/" rel="nofollow ugc">Facebook Community</a> & get connected with expert web creators like yourself.</p>
<p>🧡 LOVED Number Counter? Rate us on <a href="https://wordpress.org/support/plugin/number-counter/reviews/#new-post" rel="ugc">WordPress Repository</a></p>
<p>🔥 GET FREEBIES FOR YOUR WORDPRESS SITE</p>
<p>Consider checking out our other WordPress solutions & boost your WordPress website:</p>
<p>🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>: Most popular Elementor addons with 70+ widgets & ready blocks</p>
<p>☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress</p>
<p>🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>: Best Social Proof & FOMO Marketing Solution to increase conversion rates</p>
<p>📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.</p>
<p>⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.</p>
<p>⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more</p>
<p>⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>: Most lightweight, customizable & multi purpose theme for WordPress</p>


Number Counter

Counter block written with ESNext standard and JSX support – build step required.

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.

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