Counters Block – Animated Number Counters for Stats and Goals

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

💡 Use cases:

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

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

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

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

Feedback & Support

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

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

Check out the Parent Plugin of this plugin-

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

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.