A Simple Counter Effect Plugin With The Help Of Jquery | Countfect

Countfect is a tiny jQuery counter plugin that uses the animate() function in jQuery to automatically count from 0 to a specified number.

Minimal Increasing Counter, Countfect Plugin/Github, jquery number counter on scroll, counter up jquery codepen, counter up jquery plugin, simple counter jquery

How to make use of it:

1. Load the minified model of the Countfect jQuery plugin within the HTML.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/src/countfect.min.js"></script>

2. Add the required CSS class countfect to the counter and decide the goal number within the data-num attribute.

<span class="countfect" data-num="1200"></span>
<span class="countfect" data-num="1800"></span>
<span class="countfect" data-num="2400"></span>

3. Apply your individual CSS styles to the counter.

.countfect { 
  font-family: 'Archivo Black'; 
  font-size: 2.5rem; 
  /* more styles here */

jquery counter on scroll, dynamic counter jquery, jquery animate number count up, website visitor counter jquery plugin

See Demo And Download

Official Website(ErdiBgr): Click Here

This superior jQuery/javascript plugin is developed by ErdiBgr. For extra Advanced Usages, please go to the official website.

Related Posts


[Icon Picker] Iconpicker for Bootstrap 5 Icons Library

Bootstrap 5-based icon picker which supports any icon libraries like Bootstrap Icons, Font Awesome[fontawesome.com], etc. Must Read: 1000+ Pixel Perfect SVG Icons For Vue Components | Unicons How…


Bootstrap Multiple Image Upload with Preview and Delete | ImagesLoader

ImagesLoader is a standard bootstrap image upload plugin that provides an easy-to-use and nice-looking interface for uploading multiple images to a web server. Must Read: HTML 5…


A Lightweight jQuery Plugin for Animating Split-Flap Displays | fallblatt

fallblatt is a lightweight jQuery plugin for animating split screens. This jQuery plugin allows you to include such offers in your web application. Everything from virtual departure…


Dark & Light Switch Mode Toggle for Bootstrap 5

Switching to dark mode is done by toggling HTML tags that include -dark or -light as a category. It is made by manipulating the DOM with JavaScript. The text color also changes depending…


jQuery Plugin for Countdown Timer on HTML Page | SyoTimer

yoTimer jQuery plugin allows you to create digital style countdowns/periodic timers on the webpage, with callbacks support and timezone/translation customization. Features Periodic count with the specified period…


Dynamic, Data-driven Periodic Table built with Vue.js

Periodicity is a dynamic, data-driven periodic table created with Vue.js that uses D3 animations and graphs to show the beauty of periodic trends. Built With vue.js (component…