Interactive

Animated Counter

A number that counts up when scrolled into view.

Live demo

See it in action

1,200+

Happy users

40

Elements

99%

Satisfaction

The markup

Clean, lean code

This is the exact HTML the element outputs, straight from the page builder. No wrapper soup, no inline-style bloat.

<section class="fw-flexbox fw-flex fw-contained fw-collapse">
	<div class="fw-counter fw-counter--center">
		<div class="fw-counter__main">
			<span class="fw-counter__value" data-target="1200" data-start="0" data-duration="1800" data-decimals="0" data-sep="1" data-easing="ease-out"><span class="fw-counter__num" style="font-weight:700;font-size:42px;line-height:46px;">1,200</span><span class="fw-counter__suffix" style="font-weight:700;font-size:24px;line-height:28px;">+</span></span>
		</div>
	</div>
	<p style="text-align:center;font-weight:600">Happy users</p>
</section>

To learn more about the Animated Counter shortcode, please check out the online manual here.