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
Back to feedPost
How do you turn a simple sequence of images into a scroll-stopping hero animation? Here’s how we did it...
The client sent us a series of images.
We transformed them into a .lottie file, integrated it into the Webflow hero section and then brought it to life using native Webflow animations.
The result? Check out the video to see for yourself.
Our take on using .lottie with Webflow?
It’s a fantastic way to add flavor and elevate your site’s visuals. If you want your projects to stand out, this combo is a winner.
@Robert Klimant you did stop my scrolling not gonna lie, just amazing
@Maruf Ahmed Thanks! Follow me for more content🤝
@Robert Klimant really amazing and wonderful work.
I wanna collaborate with you.
@Carlos Roberto Thanks a lot! We are open to discuss any type of collaboration!
We can connect 🤝
@Robert Klimant This one is 🔥
@Robert Klimant That transition feels cinematic — love how u added movement without noise.
Curious, did you test how it impacts load time or scroll behavior?
We did basic testing for scroll behavior and everything works perfectly, but if you mean analytics or user behavior, we didn’t.
About the load speed… the .lottie is loading pretty fast and it’s optimized to be around ~500kb, and the loading is in async mode, so it’s not hurting the vital score or anything ⚡️
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
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?