Count Up

Animate numbers from a starting value to a target value with easing. Animation only starts when the component enters the viewport. The target value can be specified via the value attribute or placed within the element for SEO and accessibility.

2-digit number (with value attribute)

Counts from 0 to 46

3-digit number (value in element for SEO)

Counts from 0 to 250. The value is in the HTML for SEO and accessibility.

250

4-digit number (value in element)

Counts from 0 to 5000

5000

Custom duration

Counts from 0 to 100 in 3 seconds

Custom start value

Counts from 10 to 75

Scroll to see animation

This component will animate when it enters the viewport. Value is in the HTML for SEO.

999