Working with Lottie Animations

Animate any logo, even if you’re not a motion designer. Here’s how with the SVG to Lottie tool.

Want to create animated overlays for YouTube Live, Twitch, Google Meet, or other platforms?

Interaction Chaining with Lottie-Interactivity allows Lottie animations to react to multiple user interactions.

With this fun and quick tutorial on How to set up Named Markers in Lottie animations, you will learn to clearly define and document the different segments of your animations.

This article will walk you through designing a mobile app user interface to engage users and convert the engagement into revenue. So let's get started.

A quick tutorial to insert a single frame as an SVG from any animation from the Lottiefiles library into Figma.

jLottie brings the possibility of adding dozens of micro-animations without hampering the performance of your web pages. This lightweight Lottie player renders Lottie animations seamlessly without any frame drops while reducing processing and memory overheads to render them.

Discover the process of incorporating Lottie animations on WordPress form using Contact Form 7 (CF7).

Making a Lottie animation interactive is cool... but making it interactive in response to audio is even cooler!

To build the tools to work with Lottie, one needs to understand the structure of the Lottie JSON object, the issues, and the solutions in developing Lottie tools. Karam Ali, the Full-Stack Developer at LottieFiles, highlights things that developers need to know to grow the Lottie tooling eco-system.

In this tutorial, you will learn how to embed a hamburger menu into a responsive page header by taking advantage of Lottie Player.

A quick tutorial on how you can add an animated splash screen.