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>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12 fw-col-sm-4">
				<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>
			</div>
		</div>
	</div>
</section>

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

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free