Title: Block Metrics &#8211; Animated State Counter
Author: Maulik Vora
Published: <strong>October 4, 2024</strong>
Last modified: June 22, 2026

---

Search plugins

![](https://ps.w.org/block-metrics-animated-state-counter/assets/banner-772x250.
jpg?rev=3162647)

![](https://ps.w.org/block-metrics-animated-state-counter/assets/icon-256x256.jpg?
rev=3162647)

# Block Metrics – Animated State Counter

 By [Maulik Vora](https://profiles.wordpress.org/zluck/)

[Download](https://downloads.wordpress.org/plugin/block-metrics-animated-state-counter.1.0.0.zip)

[Live Preview](https://wordpress.org/plugins/block-metrics-animated-state-counter/?preview=1)

 * [Details](https://wordpress.org/plugins/block-metrics-animated-state-counter/#description)
 * [Reviews](https://wordpress.org/plugins/block-metrics-animated-state-counter/#reviews)
 * [Development](https://wordpress.org/plugins/block-metrics-animated-state-counter/#developers)

 [Support](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/)

## Description

The Animated Counter Block is a dynamic and visually engaging block designed for
showcasing numerical data with animation. Ideal for highlighting statistics, metrics,
or any numerical value, this block allows for smooth transitions and eye-catching
animations that draw attention to key figures on your website.

### Video Guide

### How to Use Gutenberg Counter Block

### Download & Upload:

 1. Download the **Block Metrics – Animated State Counter** 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 **`block-metrics-animated-state-counter.
    zip`** file and click on **Install Now**
 4. Activate the plugin and Enjoy!

### Installation via FTP:

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

### Features

 * **Icon & Image**: Choose and upload an icon or image from your WordPress media
   library.
 * **Prefix & Suffix**: Add customizable prefixes and suffixes around the count 
   number for added context or style.
 * **Varied Layouts**: The counter block offers multiple layout options, allowing
   you to easily switch between different designs and customize them to suit your
   needs.
 * **Counters Duration**: Specify the duration of the counter to control how quickly
   or slowly the numbers transition.
 * **Styling Options**: Tailor the appearance of the counter with flexible styling
   options, including font size, color, and alignment and more.
 * **Animation style**: Choose from a variety of animation styles to make your counter
   stand out and engage visitors.
 * **Responsive Design**: The counter displays perfectly across all devices and 
   screen sizes.
 * **Easy Integration**: Seamlessly integrates into your Gutenberg editor, allowing
   for quick and efficient content updates.

### Use of 3rd party services

This plugin uses the following third-party services and libraries:

 1. **Google Fonts API**
 2.  * **Description**: Google Fonts provides web-safe fonts for web projects.
     * **Purpose**: Used to enhance typography styles in the counter block.
     * **Link**: [Google Fonts Documentation](https://fonts.google.com/)
     * **Licensing**: Google Fonts are open-source and licensed under the SIL Open 
       Font License, 1.1.
 3. **Google Sheets API**
 4.  * **Description**: This plugin integrates with the Google Sheets API to store 
       form submissions directly into a Google Sheet.
     * **Purpose**: Used to store the plugin deactivation reasons
     * **Link**: [Google Sheets API Documentation](https://developers.google.com/sheets/api)
     * **Privacy Notice**: By using this feature, you may be subject to Google’s [Terms of Service](https://policies.google.com/terms)
       and [Privacy Policy](https://policies.google.com/privacy).

### Requirements

 * Gutenberg block Editor
 * WordPress (Ofcourse!)

#### Feedback

 * Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](https://wordpress.org/plugins/block-metrics-animated-state-counter/admin@zluck.com?output_format=md)

## Screenshots

[⌊Screenshot_1⌉⌊Screenshot_1⌉[

Screenshot_1

[⌊Screenshot_2⌉⌊Screenshot_2⌉[

Screenshot_2

[⌊Screenshot_3⌉⌊Screenshot_3⌉[

Screenshot_3

[⌊Screenshot_4⌉⌊Screenshot_4⌉[

Screenshot_4

[⌊Screenshot_5
6.Screenshot_6
7.Screenshot_7
8.Screenshot_8
9.Screenshot_9
10.Screenshot_10⌉⌊
Screenshot_5
6.Screenshot_6
7.Screenshot_7
8.Screenshot_8
9.Screenshot_9
10.Screenshot_10⌉[

Screenshot_5 6.Screenshot_6 7.Screenshot_7 8.Screenshot_8 9.Screenshot_9 10.Screenshot_10

[⌊Layout_1⌉⌊Layout_1⌉[

Layout_1

[⌊Layout_2⌉⌊Layout_2⌉[

Layout_2

[⌊Layout_3⌉⌊Layout_3⌉[

Layout_3

[⌊Layout_4⌉⌊Layout_4⌉[

Layout_4

[[

[[

[[

[[

[[

## Blocks

This plugin provides 1 block.

 *   Animated Counter Block

## FAQ

### Is Gutenberg Counter Block – Animated State Metrics free?

Yes, Gutenberg Counter Block – Animated State Metrics is a free Gutenberg block 
plugin.

### Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

### Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

### How many times can I reuse a block?

You can use unlimited times as you want.

### Where can I get support?

You can post your questions on the [support forum here](https://wordpress.org/support/plugin/counters-block/)

## Reviews

![](https://secure.gravatar.com/avatar/fa51e149e0309516434f256e9bea8899179d46b9f9ca93759e2ef876ac3d4719?
s=60&d=retro&r=g)

### 󠀁[Counter Plugin](https://wordpress.org/support/topic/counter-plugin-6/)󠁿

 [Hiral Koradiya](https://profiles.wordpress.org/hiral987/) October 25, 2024

Good Plugin

![](https://secure.gravatar.com/avatar/693c88cf307d55e5d37da6745b0f638ce3dd7189d1df01c9ed26a4e36e4ca574?
s=60&d=retro&r=g)

### 󠀁[Flexible Counter Plugin with Stunning Responsive Capabilities!](https://wordpress.org/support/topic/great-customizable-counter-plugin-with-responsive-design/)󠁿

 [Ishan Modi](https://profiles.wordpress.org/ishanmodi/) October 23, 2024

I’ve been utilizing the Guturn Burg Animated Counter Block, and it’s been fantastic
for incorporating dynamic number animations into my website. I appreciate the extensive
customization options available—there are numerous choices for fonts, colors, and
various animation styles. Additionally, it’s fully responsive, ensuring it looks
great on both mobile and desktop devices.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/)

## Contributors & Developers

“Block Metrics – Animated State Counter” is open source software. The following 
people have contributed to this plugin.

Contributors

 *   [ Maulik Vora ](https://profiles.wordpress.org/zluck/)
 *   [ Divyesh kakrecha ](https://profiles.wordpress.org/divyeshk71/)

[Translate “Block Metrics – Animated State Counter” into your language.](https://translate.wordpress.org/projects/wp-plugins/block-metrics-animated-state-counter)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/block-metrics-animated-state-counter/),
check out the [SVN repository](https://plugins.svn.wordpress.org/block-metrics-animated-state-counter/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/block-metrics-animated-state-counter/)
by [RSS](https://plugins.trac.wordpress.org/log/block-metrics-animated-state-counter/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial Release

## Meta

 *  Version **1.0.0**
 *  Last updated **3 days ago**
 *  Active installations **30+**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [Animated Counter](https://wordpress.org/plugins/tags/animated-counter/)[counters](https://wordpress.org/plugins/tags/counters/)
 *  [Advanced View](https://wordpress.org/plugins/block-metrics-animated-state-counter/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/reviews/)

## Contributors

 *   [ Maulik Vora ](https://profiles.wordpress.org/zluck/)
 *   [ Divyesh kakrecha ](https://profiles.wordpress.org/divyeshk71/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/block-metrics-animated-state-counter/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.buymeacoffee.com/zluck)