PHPackages                             innocode-digital/wp-block-counter - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. innocode-digital/wp-block-counter

Abandoned → [wp-digital/wp-block-counter](/?search=wp-digital%2Fwp-block-counter)Wordpress-plugin[Utility &amp; Helpers](/categories/utility)

innocode-digital/wp-block-counter
=================================

Number animation by user interaction.

1.9.1(3y ago)1931GPL-2.0+JavaScriptPHP &gt;=7.1

Since May 28Pushed 3y ago1 watchersCompare

[ Source](https://github.com/wp-digital/wp-block-counter)[ Packagist](https://packagist.org/packages/innocode-digital/wp-block-counter)[ RSS](/packages/innocode-digital-wp-block-counter/feed)WikiDiscussions main Synced 3w ago

READMEChangelogDependencies (1)Versions (16)Used By (0)

Counter Block
=============

[](#counter-block)

### Description

[](#description)

Number animation by user interaction. Columns with numbers which are start animation when user scrolls to block.

### Demo

[](#demo)

[Counter Block](https://demo.wpd.digital/counter-block/)

### Install

[](#install)

- Preferable way is to use [Composer](https://getcomposer.org/):

    ```
    composer require wp-digital/wp-block-counter

    ```
- Alternate way is to clone this repo to `wp-content/plugins/`:

    ```
    cd wp-content/plugins/
    git clone git@github.com:wp-digital/wp-block-counter.git

    ```

Activate **Counter Block** with [WP-CLI](https://make.wordpress.org/cli/handbook/)`wp plugin activate wp-block-counter` or from **Plugins** page.

### Documentation

[](#documentation)

Add icons with hook `wpd.block.icons` for global icons and `wpd.block-counter.icons`for specific block set. **Example**:

```
wp.hooks.addFilter( 'wpd.block.icons', 'my-theme', () => [
	{
		value: 'smiley', // Required. If only a value is specified, Dashicons will be used.
	}, {
		value: 'counter', // Custom icon.
		icon: (

		),
	},
] );

```

There are more hooks in [constants](./src/constants/editor.js) which give a possibility to customize behaviour a bit.

### Notes

[](#notes)

[Counter-Up2](https://github.com/bfintal/Counter-Up2) library is using on frontend for counting animation. To show and animate blocks on scroll [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API)is used and if you need to support [older browsers](https://caniuse.com/?search=Intersection%20Observer)then add [polyfill](https://www.npmjs.com/package/intersection-observer) additionally.

###  Health Score

26

—

LowBetter than 41% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity12

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~53 days

Recently: every ~133 days

Total

15

Last Release

1107d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5b52f801a1cdb5f6622a9e49f4359717b1808ca23e948a243eae225f55e2c7eb?d=identicon)[smfb-dinamo](/maintainers/smfb-dinamo)

---

Top Contributors

[![kuliebiakin](https://avatars.githubusercontent.com/u/6066592?v=4)](https://github.com/kuliebiakin "kuliebiakin (23 commits)")

---

Tags

blockcountergutenberg-blockswordpress-plugin

### Embed Badge

![Health badge](/badges/innocode-digital-wp-block-counter/health.svg)

```
[![Health](https://phpackages.com/badges/innocode-digital-wp-block-counter/health.svg)](https://phpackages.com/packages/innocode-digital-wp-block-counter)
```

###  Alternatives

[helsingborg-stad/municipio

A bootstrap theme for creating municipality sites.

4028.5k10](/packages/helsingborg-stad-municipio)[mautic/core

Mautic Open Source Distribution

10.0k2.6k9](/packages/mautic-core)[mediawiki/maps

Adds various mapping features to MediaWiki

84152.3k3](/packages/mediawiki-maps)[starcitizentools/citizen-skin

A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki.

3376.6k](/packages/starcitizentools-citizen-skin)[civicrm/civicrm-drupal-8

Open source constituent relationship management for non-profits, NGOs and advocacy organizations.

19251.4k3](/packages/civicrm-civicrm-drupal-8)[altis/core

Core module for Altis

19228.0k3](/packages/altis-core)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
