A swirl icon inside a clear cylinder on a blue hexagonal base with buttons.

Working with Lottie Animations

Master Lottie animations with our in-depth guides on various animation file formats, tools, plugins, apps and integrations, as well as essential resources designed to streamline your creative process and level up your designs.

102 articles

How To Setup Named Markers in Lottie Animations

Working with Lottie Animations

‱

3 Dec 2021

‱

2 min read

How To Setup Named Markers in Lottie Animations

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.

How to Design a Mobile App User Interface

Working with Lottie Animations

‱

19 Nov 2021

‱

7 min read

How to Design a Mobile App User Interface

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.

Lottie vs. GIF: Choosing the Right Animation for You

Working with Lottie Animations

‱

29 Oct 2021

‱

5 min read

Lottie vs. GIF: Choosing the Right Animation for You

The two most popular web animation formats, Lottie and GIF, collide head-on. This blog will focus on the 5 most important parameters to tell you who's the boss!

LottieFiles for Adobe XD

Working with Lottie Animations

‱

27 Oct 2021

‱

3 min read

LottieFiles for Adobe XD

After the success of our plugins for Adobe Animate and Adobe After Effects, here is our newest plugin, LottieFiles for Adobe XD! Include motion in your design prototypes with native Lottie support and a lot more, right within Adobe XD.

How to insert a single frame from a Lottie animation into Figma

Working with Lottie Animations

‱

10 Sept 2021

‱

2 min read

How to insert a single frame from a Lottie animation into Figma

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

jLottie: The ultimate Lottie player for micro-animations

Working with Lottie Animations

‱

9 Sept 2021

‱

4 min read

jLottie: The ultimate Lottie player for micro-animations

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.

How to create Animated Telegram Stickers from Lottie Animations

Working with Lottie Animations

‱

9 Aug 2021

‱

3 min read

How to create Animated Telegram Stickers from Lottie Animations

Surprise your friends with animations of them or create packs to share with the world!

How to Integrate Lottie Animations Into WordPress: Contact Form 7 Plugin

Working with Lottie Animations

‱

30 Jul 2021

‱

5 min read

How to Integrate Lottie Animations Into WordPress: Contact Form 7 Plugin

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

How to Animate Lottie in Response to Audio

Working with Lottie Animations

‱

8 Jun 2021

‱

5 min read

How to Animate Lottie in Response to Audio

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

Kicking off the documentation of the Lottie JSON object

Working with Lottie Animations

‱

1 Jun 2021

‱

5 min read

Kicking off the documentation of the Lottie JSON object

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.

How to Embed an Animated Hamburger Menu Into a Web Page

Working with Lottie Animations

‱

16 Feb 2021

‱

6 min read

How to Embed an Animated Hamburger Menu Into a Web Page

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

How to Add an Animated Splash Screen to a UWP App

Working with Lottie Animations

‱

20 Jan 2021

‱

3 min read

How to Add an Animated Splash Screen to a UWP App

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

LottieFiles for VS Code

Working with Lottie Animations

‱

10 Dec 2020

‱

4 min read

LottieFiles for VS Code

A LottieFiles extension for developers that will definitely help with your Lottie workflow.

How to Add Snow to Your iOS App

Working with Lottie Animations

‱

3 Dec 2020

‱

3 min read

How to Add Snow to Your iOS App

The festive season is among us, and now you can sprinkle a bit of that into your iOS app with Lottie!

How to Add Snow to Your Android App

Working with Lottie Animations

‱

3 Dec 2020

‱

2 min read

How to Add Snow to Your Android App

'Tis the season... to make it snow in your Android apps!

Animation and Interactivity on the Web

Working with Lottie Animations

‱

3 Nov 2020

‱

4 min read

Animation and Interactivity on the Web

Adding interactivity to your Lottie animations can make them even more powerful. Get involved and make those animations move!

Using Lottie Animations in eBooks

Working with Lottie Animations

‱

20 Aug 2020

‱

4 min read

Using Lottie Animations in eBooks

How to add Lottie animations to eBooks as an exciting way to enrich a reader's experience.

Using Lottie Animations in watchOS

Working with Lottie Animations

‱

18 Aug 2020

‱

4 min read

Using Lottie Animations in watchOS

How to add Lottie animations to Apple watchOS apps. An easy step-by-step walkthrough.