How to animate "10k+" without breaking the format? 🤔 I wanted to add animated stats to a client ...How to animate "10k+" without breaking the format? 🤔 I wanted to add animated stats to a client ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
How to animate "10k+" without breaking the format? 🤔
I wanted to add animated stats to a client site, but needed it to handle suffixes like "k" and "%" without writing custom code for every single text box.
I created a "smart" Velo snippet that reads the text, creates a template, and animates just the number part.
It’s working great for my projects, so I wrote up a guide on how to implement it. It’s copy-paste friendly if you aren't a heavy coder.
I went from zero coding background to delivering 25+ production client websites across WordPress, Wix/Wix Studio and Shopify over few years.
𝗔𝘀𝗸 𝗺𝗲 𝗮𝗻𝘆 𝗾𝘂𝗲𝘀𝘁𝗶𝗼𝗻 𝗶𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗺𝗲𝗻𝘁𝘀: pricing, client acquisition, hosting setups, or builder limitations and I will be lad to answer every single comment!
I wanted to see how far I could take a static hero with a little motion and some help from Claude.
So I’m experimenting with scroll animation on a dental website concept. I design the layout and motion direction, then work with Claude to bring it to life.
A quick screen recording of where it’s at. Still tweaking, but this part is fun.