JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countto/1.2.0/jquery.countTo.min.js"></script>
<section class="stats">
  <div class="stats-courses" data-counter="332">
    <span class="stats-courses-counter"></span> Courses
  </div>
  <div class="stats-members" data-counter="1403">
    <span class="stats-members-counter"></span> Members
  </div>
  <div class="stats-authors" data-counter="60">
    <span class="stats-authors-counter"></span> Authors
  </div>
  <div class="stats-subjects" class="stats-subjects-counter" data-counter="120">
    <span class="stats-subjects-counter"></span> Subjects
  </div>
</section>

CSS

.stats-courses,
.stats-members,
.stats-authors,
.stats-subjects {
  float: left;
  text-align: center;
  width: 25%;
}

JavaScript

$('.stats-courses-counter').countTo({from: 0, to: 500});
$('.stats-members-counter').countTo({from: 0, to: 1403});
$('.stats-authors-counter').countTo({from: 0, to: 60});
$('.stats-subjects-counter').countTo({from: 0, to: 120});