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:

1 Like

@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!!

1 Like

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 =/

1 Like

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 =)