Streaming live at 10am (PST)

Is it Possible to Include this Odometer JS code in Webflow?


Hi everybody,

How would it be possible to create this odometer effect for certain numbers on a page in Webflow:
Scroll down for code


Thank you for your help, I would love if somebody could tackle this challenge!



You mean like this?

Here’s the preview:


@jorn thanks!

Yes, very very similar to that. The only difference is that I’d like to sue it in a CMS page, so no embed.

Can this effect be applied to a text object (e.g. by giving it an ID)? It should start t “0” and then just count up to the value in the CMS…

Thank you for your help!


Ok, check the links out now. I made a collection with collection pages like this:
up to five

Still a embed but with a trick :grinning:


Wow, thank you very much. Would you mind keeping that page live for a while. I will create these pages in about two weeks and it would be very helpful. Thank you!!


Sure no problem :grinning:

Edit: I made a quick change. The numbers on collections pages now count up to the number in the collection item. The previous version did the opposite =/


One last question: Is there a way for the “starting point” of the odometer to be 0 and the end point to simply be what is hard-coded in the CMS.

The reason I am asking is because the CMS text field with the number will be dynamically be replaced with data from an API. So if it get’s replaced with say $100 I’d love for the odometer to run from $0 to $100 (without the use of an embed field). this way the item could also be styled in Webflow.



Yes, just change the number inside the embed. I updated the preview and it will start at 0 now.


Hello, Is it possible to copy the preview and use on my site?


Here you go =)