wpm

counters-block

plugin

2.0.3 • public • Published 19 hours ago

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

Gutenberg blockblockcountercountersnumber counter block
Overview Versions Dependencies

Description

Counters Block lets you display statistics, milestones, and achievements using smooth animated number counters in the Gutenberg editor.

Perfect for showcasing business stats, KPIs, goals, achievements, subscribers, followers, sales numbers, or any key metric that deserves attention.

With multiple modern counter layouts, powerful animation controls, and full responsive settings, you can create engaging counter sections without writing any code.

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.

Demos

Installation

From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For Counters Block
  3. Click on the Counters Block to add the block

Download & Upload:

  1. Download the Counters Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the counters-block.zip file and click on Install Now
  4. Activate the plugin and Enjoy!

Manually:

  1. Download and upload the Counters Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

Is Counters Block free?

Yes. The plugin includes free features with optional premium themes.

Does it work with any WordPress theme?

Yes, it works with all standard WordPress themes.

Is it responsive?

Absolutely. All layouts and typography are responsive.

Can I use multiple counters on one page?

Yes, unlimited blocks and counters are supported.

Where can I get support?

You can post your questions on the support forum here

Screenshots

Default Counters

Default Counters

Theme 1

Theme 1

Theme 2

Theme 2

Theme 3

Theme 3

Theme 4

Theme 4

Theme 5

Theme 5

Theme 6

Theme 6

Theme 7

Theme 7

Theme 8

Theme 8

Theme 9

Theme 9

Theme 10

Theme 10

Theme 11

Theme 11

Theme 12

Theme 12

Theme 13

Theme 13

Theme 14

Theme 14

Theme 15

Theme 15

All Themes

All Themes

Changelog

2.0.3 – 7 Feb 2026

  • Enhanced the Theme Switcher UI for the Counter block (editor-only).
  • Theme selector now opens in a Popover for a cleaner experience.
  • Popover automatically closes when clicking outside.
  • Improved theme selection interaction and visual feedback.
  • No changes to frontend output.

2.0.2 – 5 Feb 2026

  • Added Theme 15: Circular Progress Counter.
  • SVG-based animated circular progress ring.
  • Added controls for circle size, ring thickness, and line caps.
  • Added progress, track, and fill color customization.
  • Improved layout settings placement for faster theme switching.

2.0.1 – Minor Release

  • Ensured responsive column settings (Desktop / Tablet / Mobile) now apply correctly across the block.
  • No breaking changes — existing blocks continue to work as expected.

2.0.0 – Major Release

  • Added 15 counter themes (12 premium + 3 free)
  • Multiple new animation types and triggers
  • Advanced animation controls & easing options
  • Per-counter styling (background, shadow, sizing)
  • Improved Gutenberg editor experience
  • Performance and rendering optimizations

1.1.4 - 4 Nov 2025

  • Fix Issues
  • Update Icon Library v7.1.0

1.1.3 - 17 Feb 2024

  • Improve security

1.1.2 - 3 Oct 2024

  • Fix pattern issue

1.1.1 - 6 May 2024

  • Add separators in the number.
  • Update icon library

1.1.0

  • Fix script not loaded

1.0.9

  • Counter starts when visible

1.0.8

  • Reduce asset loads

1.0.7

  • Add translate feature

1.0.6

  • Fix HTML Render

1.0.5

  • Reduce PHP Code
  • Performance Improvement

1.0.4

  • Reduce PHP Code
  • Typography fix

1.0.2

  • Performance upgrade

1.0.1

  • Fix text-align
  • Performance Upgrade

1.0.0

  • Initial Release.

Upgrade Notice

2.0.0

This is a major update with new counter themes, animation types, and settings.

2.0.2

New Theme Alert! Version 2.0.2 introduces Theme 15: a fully customizable, SVG-powered Circular Progress Counter. You can now adjust ring thickness, size, and colors directly in the block settings. We've also streamlined the sidebar layout to make switching between your favorite themes faster than ever.

= 2.0.1
Fix responsive layout control

# Check Out Our Other Wordpress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

# Check Out The Parent Plugin Of This Plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Features

Themes & Layouts

  • 16 ready-made counter themes (13 premium + 3 free)
  • NEW: Circular Progress Counter
  • Multiple modern layouts with one-click theme switching
  • Fully responsive grid-based layout
  • Responsive column control (desktop, tablet, mobile)
  • Custom column and row gap control

Counter Items

  • Add unlimited animated counters
  • Per-counter background customization
  • Per-counter border control (theme-based)
  • Per-counter shadow and hover shadow (premium themes)
  • Per-counter width and height control

Number Animation Types

  • Classic number animation
  • Rolling number animation
  • Bounce animation
  • Fade animation
  • Slide animations (Up, Down, Left, Right)
  • Pulse animation
  • Flip animation
  • Typewriter animation

Animation Triggers

  • Trigger animation when visible (default)
  • Trigger animation on page load
  • Trigger animation on click
  • Trigger animation on hover
  • Custom trigger using CSS selector (ID or class)

Animation Controls

  • Global animation duration control
  • Global animation delay control
  • Per-counter stagger delay
  • Repeat animation on scroll
  • Reverse count support
  • Rolling stagger modes (per counter, per digit)

Easing Options

  • Linear easing
  • Ease-in easing
  • Ease-out easing
  • Ease-in-out easing

Number Formatting

  • Start and end number control per counter
  • Prefix support before number
  • Suffix support after number
  • Thousands separator support (Coma & Space)
  • Decimal number support (global)
  • Smooth animated decimal transitions

New Circular Progress Counter (Theme 15)

  • SVG-based animated circular progress counter
  • Ideal for percentages, milestones, and KPIs
  • Adjustable circle size (radius control)
  • Customizable progress ring thickness
  • Progress color, track (stroke) color & inner fill color controls
  • Fully responsive and theme-aware

Icon Features

  • Custom icon support. ( Font Awesome, Bootstrap, Lucide)
  • Icon position control (top or inline with label)
  • Icon size & color controls
  • Icon background control (premium themes)
  • Icon background & container styling (premium)
  • Icon bounce animation on counter completion (premium)

Typography & Content

  • Responsive typography for numbers
  • Primary label & optional sub-label support
  • Responsive label & sub-label typography
  • Label & sub label's visibility & color controls

Container Styling

  • Global counters background & padding controls
  • Text alignment control
  • Optimized Gutenberg editor experience

Feedback & Support

Did you find a bug or have a feature request?
📧 Send feedback

Support forum:
https://wordpress.org/support/plugin/counters-block/

Free Vs Premium

Includes everything needed to build professional animated counters

Free Version

  • Unlimited counters
  • 3 free counter themes
  • Fully responsive grid layout
  • Responsive column controls (desktop, tablet, mobile)
  • Number formatting & classic animations
  • Icon support & typography controls

Premium Version

Unlock advanced animations, premium themes, and enhanced styling

  • 12 premium counter themes
  • Advanced number animations (Rolling, Bounce, Flip, Typewriter, etc.)
  • Advanced counter designs including Circular Progress Counter (Theme 15)
  • Advanced animation triggers & easing options
  • Per-counter shadows, borders & hover effects
  • Icon backgrounds & container styling
  • Priority updates & premium support

How To Use

  1. Install and activate the Counters Block plugin.
  2. Open the Gutenberg editor.
  3. Add Counters Block from the block inserter.
  4. Customize counters, animations, icons, and layouts from the right-side settings panel.
  5. Publish and enjoy smooth animated counters 🎉

For installation help click on Installation Tab

💡 Use Cases:

  • Company statistics & achievements
  • Sales, growth & performance metrics
  • Portfolio highlights
  • Milestones, goals & KPIs
  • Social proof counters