A Lightweight Vanilla JavaScript Library for Counter Effects

By webcodeflow

The counter is a lightweight native, object-oriented JavaScript library to produce number counter effects. JavaScript counter library is configurable to increment numbers on-page.

How to make use of it:

1. Import the primary script into the doc.

<script src="main.js"></script>

2. Create a brand new occasion for the counter.

<span class="example"></span>

const counter = new Counter(".example");

3. Config the counter utilizing the next HTML data attributes:

<span class="example" 
      data-counter-min="1" 
      data-counter-max="1000" 
      data-counter-speed="25" 
      data-counter-increment="1" 
      data-counter-delay="0">
</span>

Minimal Number Increment Animation, Counter Plugin/Github