Counters Block – Animated Number Counters for Stats and Goals

Description

A great way to display numbers in a fun and interesting way. Display statistics about your services/ company or yourself. For example, display your YouTube channel’s total subscribers, Followers, Number of employees, Number of Products ETC

Demos

Features

Themes & Layouts

• 15 ready-made counter themes (12 premium + 3 free)
• Multiple modern counter 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 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 selection
• Decimal number support (global)
• Smooth animated decimal transitions

Icon Features

• Font Awesome icon support
• Icon position control (top or inline with label)
• Icon size control
• Icon color customization
• Icon background control (premium themes)
• Icon container width, height, padding, and border (premium)
• Icon bounce animation on counter completion

Typography Controls

• Responsive number typography
• Responsive label typography
• Responsive sub-label typography

Labels & Content

• Primary label text per counter
• Optional sub-label text
• Label and sub-label color control
• Toggle label and sub-label visibility

Container Styling

• Global counters background control
• Global counters padding control
• Individual counter padding control
• Text alignment control
• Optimized for Gutenberg editor
• Frontend-safe rendering with smooth animations

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

The free version includes essential counter layouts and animations.

Premium themes unlock:
– Advanced counter designs
– Hover shadows and icon backgrounds
– Enhanced visual styling
– Premium-ready layouts for landing pages and businesses

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.