00:00
Buy Me a Beer

Count Up Animation

Easily add a count up animation to any Webflow website without writing any code.

2025

How to Add a Count Up Animation in Webflow

Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.

Add Count Up Attribute

Copy this attribute:

vdx-count-up

Add a final number to a Text Block or wrap the final number text in aText Span

Text Block
Text Span
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-count-up
Value

Add Count Up Duration

Control the count up duration by adding a number in milliseconds to the Value field.

e.g. 5000 for 5000ms or 5 seconds

Default duration set to 2000ms

Text Block
Text Span
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-count-up
Value
5000

Publish

Over 100 Happy Clients 

Sponsor the Magic and
Buy Me a Beer

Ailín Tobin
Ireland

VisualDX is a free JavaScript library made for Webflow nerds like yourself. No ads, no paywalls—just pure, unfiltered JavaScript magic to supercharge your builds. If it’s saving you time, making your development easier, or just making you feel like a wizard in the Webflow Designer, consider slinging a virtual coffee my way.

Think of it like buying me a pint for keeping your Webflow spells flowing.

You can support it here.

Cheers, legend!

This is a method based on community and soundness. If you can't afford it, don't worry... One of your fellow Webflow nerds has already helped you out by donating.

Visual DX Count up Examples

Count up to 1999 in 10 seconds

1999
Text Block
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-count-up
Value
10000

Count up to 50 in 2 seconds

50 Happy Clients
Text Span
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-count-up
Value