Name: After Effects & Lottie in Webflow
Rating: 5.0 (1 reviews)

Add Adobe After Effects animations to your Webflow sites by uploading Lottie JSON files and controlling their playback with Webflow’s wide range of interaction triggers — all without looking at a line of code.

Hi PH! 👋 When Adobe Flash was killed in 2010, the web lost a powerful animation engine. Creators looking to bring highly visual animations that one typically saw in movie trailers were left with nothing but jQuery.animate(). Things changed when Airbnb released Lottie in 2017, making it seamless for developers to take After Effects animations and render them on the web and iOS and Android devices — but if a designer wants to get them on their site, they’ll still need to use code to control those animations on their site. The code to get a Lottie animation playing on your site is straightforward enough, but when you want more advanced, trigger-based playback (on click, on hover, on scroll, etc.), you’ll need to use increasingly complex JavaScript to put those ideas into practice. Webflow brings the Lottie implementation process into the visual realm, letting you take advantage of our animation triggers — like scroll position, mouse movement, click, page loads, and more — to precisely control and customize the playback of these animations. We’re excited to see what everyone builds with this, and are happy to open Webflow up to the already amazing community of After Effects and Lottie animators who have done so much to make the web just a bit more fun and beautiful. Happy designing!

Waauw Cool! I loved AfterEffects.. but now again.. time to test it with webflow!

Such a great example of the power of open source. Great job @webflowapp!

Ahhhhhh so excited, can't wait to try it out this weekend.

Can't wait to give this a try!

Something I have been w8 :)

Because it gave me full control to create clean, professional product animations and walkthroughs. No other tool matched its flexibility and precision for motion design.

Waauw Cool! I loved AfterEffects.. but now again.. time to test it with webflow!

Such a great example of the power of open source. Great job @webflowapp!

Ahhhhhh so excited, can't wait to try it out this weekend.

Can't wait to give this a try!

Something I have been w8 :)

After Effects & Lottie in Webflow

Add AE animations to your site visually — without code.

Add AE animations to your site visually — without code.