I need to create the animation during the scroll, like below:
I tried to export the JPGs sequence from AfterEffects and place it as Lottie to Webflow. Unfortunately, the file is 83MB and I can’t export a smaller one.
Do you have any good ideas for this animation?
I’d say this is the way to go. Just make sure you add compression to your jpg’s in Bodymovin. 83Mb is a LOT. Can you lower the resolution? Can you lower the framerate of the original video/render so you have less jpg’s?
You might take a look into GSAP ScrollTrigger, which is an alternative to this. Good luck