Compress and Animate Lottie Files in Webflow

In this Webflow tutorial, Jonas Arleth shows how to integrate a Lottie animation into a website. He explains how to compress Lottie files and use them flexibly. He also presents his new support package. It demonstrates how to integrate the animation into the navigation and shows how to deactivate the animation on specific pages.

Timestamps

00:00 — Preview
01:01 — Webflow Support Pack
01:41 — Lottie logo animation preview
03:16 — Recolor Lottie files in Webflow
06:02 — Lottie trigger and build animation
12:09 — Deactivate Lottie animation in navigation on specific pages
13:53 — Score