Counter
Core WordPress can show a number, but it cannot count it up, draw it as a progress circle or skill bar, or pair it with an icon. This block does all four, animating when it scrolls into view — and the final number is always in the page for search engines, screen readers and visitors who prefer reduced motion.
Ready-made patterns
Inserter → Patterns → Moduly.
Numbers we’re proud of
Years in business
Happy customers
Satisfaction rate
Countries shipped to
A few fun facts
Cups of coffee
Projects shipped
Awards won
Team members
What we’re good at
Project health
On-time delivery
Budget accuracy
Repeat clients
Uptime
In numbers
Renewal rate
Support
Downloads
Integrations
Number
Prefix, suffix, decimals, four thousands separators, a comma decimal point, and the label below, above or beside. Text that is not a number shows as typed.
Prefix + decimals
Raised last year
Space separator
Monthly visitors
Comma decimal
Durchschnitt
Label above
Days a year
Label beside
Less waste than 2020
Counts down from 100
Carbon emissions (net)
Overshoot easing
Five-star reviews
Not a number
Always open
Badges
Circle, rounded, square, pill, hexagon or blob — and a progress ring around the circle.
Circle
Offices
Circle + ring
Renewable energy
Rounded
Product lines
Square
Partners
Pill
Newsletter readers
Hexagon
Hive locations
Blob (morphs on hover)
Would recommend
Small badge, label beside
Steps to get started
Circle
A progress ring that fills as the number counts: size, thickness, round or flat ends, gradient, label inside or below, and any maximum.
Default
Complete
Gradient · label inside
Uptime
Thin · flat ends
Storage used
Out of 5
Average rating
Skill bar
Text above, inside or beside the bar; the value at the end, in a bubble that rides the bar, or hidden; solid, gradient or (moving) striped fills; any height and radius.
Above · value at the end
Above · bubble
Inside the bar
Name beside
Gradient fill
Moving stripes · tall · square ends
Value hidden
Hours, not percent
Fun factor
An icon (20 built in) or an image, above or beside the number, with an optional divider, description and hover effect.
Icon on top · lift
Orders shipped
Divider · description · border hover
Workshops run
Hands-on sessions for teams of every size.
Rounded icon · wiggle
Icon left
Downloads
Icon right · no background
Open-source repos
Image · grow
New collections
Count-up
Start value, duration, delay (for staggering), five easings, and counting again each time it comes back into view. Scroll these off-screen and back.
Slow · 5 s
Lines of code
Fast start
Signups today
Linear
Average setup
Repeats in view
Counts again
Styled with the Styles panel
Background, text colour, font, padding, border and shadow are WordPress’s own; number, label, accent and track colours sit in Styles → Counter colours.
Carbon offset
Trees planted