Number Count Up

Counters animate once when visible and respect reduced-motion preferences.

125

Example projects

Example collaborators

Example years

HTML source & reuse instructions

Include the shared CSS and JavaScript files. Rename copied IDs and their matching references.


<div class="lab-grid three cp-counter-grid">
<div>
<strong data-cp-count="125">
         125
        </strong>
<p>
         Example projects
        </p>
</div>
<div>
<strong data-cp-count="48">
         48
        </strong>
<p>
         Example collaborators
        </p>
</div>
<div>
<strong data-cp-count="12">
         12
        </strong>
<p>
         Example years
        </p>
</div>
</div>