The Counter Block: Give Your Best Numbers a Reason to Be Noticed

A strip of stat counters that climb from zero as they scroll into view — each with an icon, a prefix or suffix, and its own label.

Your best numbers are sitting there doing nothing

The ‘why work with us’ section has a few good numbers in it — years in business, projects delivered, people on the team — and they’re set as plain text, the same size as everything around them. Visitors scroll straight past. Making them animate, lining them up in a row with icons, keeping them tidy on a phone — that’s a chunk of CSS and a scroll script you’d rather not write.

The Counter block gives those numbers a reason to be noticed. It lays them out in a row and counts each one up from zero the moment it scrolls into view, so a good figure earns a second of attention instead of blending into the paragraph above it.

Each number counts up from zero the moment it scrolls into view, at a pace you set
Build the whole strip in one place — several stats to a row, each with an icon and its own label
Put the icon above the number or beside it, and add a prefix or suffix to each figure
Count up quickly for a punchy stat, or slowly for a bigger reveal — you set the pace
Plus per-part colours and typography, spacing, and columns that drop to fewer per row on smaller screens

Setting it up takes about a minute. Add a stat, type the number with a prefix or suffix, write its label, and pick an icon. Choose how many sit in a row, and the editor previews the whole strip counting up as you build it. No CSS, no shortcode.

See it work

Three stats, each in its own card. Every number counts up from zero the first time it scrolls into view.

128
Projects shipped
12
Years in business
40+
Countries reached

A divider line under each number. The same cards, with a separator between each number and its label.

128
Projects shipped
12
Years in business
40+
Countries reached

Four to a row, icons inline, a slower climb. More stats per line, the icon beside each number, and a longer count for the bigger reveal.

128
Projects shipped
12
Years in business
40+
Countries reached
9K
Cups of coffee

Ready to make your numbers count?

The Counter block ships inside Flexa Block. Install the plugin and it’s waiting in your editor the next time you open a page.

More articles

Keep reading

Other guides from the Flexa Blocks library.

48 posts found