Directly use Lottie animations created in your favorite design tools or downloaded from the vast libraries at LottieFiles.
Parallax, Progress, or Reveal... Have your users awestruck by syncing animation playback with user actions.
Build stunning blogs, portfolios, and more, and enrich them with motion, without a single line of code.
Lotties are 600% smaller than GIFs.
Lotties are limitlessly scalable.
Edit Lotties even after exporting them.
Create your animation in Adobe After Effects and export it as a Lottie using LottieFiles for Adobe After Effects plugin. Or just download your favorite Lottie animation from LottieFiles.
Drag and drop or click the upload button to insert the Lottie of your choice to Webflow. You can position the animation on the grid to best suit the aesthetics of your web page.
Set up a trigger for your animations to play. Choose what kicks off the magic of motion in your designs - a click, scroll, hover, or more. Grab the user's attention with micro-interactions.
Read user stories from the individuals and teams that use Lottie to boost conversions and engage users with powerful motion design experiences.