This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Oleksii Drozdenko
Posted Mar 16 - Read on Facebook

Hey all, need your help, please.
How do I animate numbers, let's say from 1105 to 2245, like here
https://share.framerjs.com/238ws0qd1b41/ but without parenting to an svg animation. Need a simple solution.

P.S. I researched the web and was surprised that there weren't any answers :(

3 Comments

David Klein

Does anybody of you guys know if the CountUp Thing like here http://share.framerjs.com/vnyfo4s5j24l/ is also possible with half steps? So, means 0.5, 1.0, 1.5? Thanks a lot for this useful code!

Krijn Rijshouwer

What I do in the prototype you attached is to just up a counter and set the html. Here's a little example that easily shows how you could achieve this — http://share.framerjs.com/vnyfo4s5j24l/ .

You could definitely fully animate the text but it is pretty hard to do without a nice JS library. I'd recommend using a simple counter like I did. ;)

Benjamin E Saravia
Read the entire post on Facebook