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.

116 articles

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.

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 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!

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!

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.

dotLottie - v2.4.0 State Machine Support

Working with Lottie Animations

14 Sept 2023

6 min read

dotLottie - v2.4.0 State Machine Support

A powerful interactive configuration!

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.

Get Inspired with 30 Days of Figma to Lottie

Design Inspiration

21 Jul 2023

5 min read

Get Inspired with 30 Days of Figma to Lottie

Sharpen your motion skills and get inspired with the 30 Days of Figma to Lottie challenge.

Why You Should Use Motion Design for Your Event Assets

Tips and Tutorials

11 Aug 2023

4 min read

Why You Should Use Motion Design for Your Event Assets

How do you make your event stand out and truly captivate your audience? The secret ingredient is motion!

10 Alternatives to Adobe XD You Need to Know

Working with Lottie Animations

15 Sept 2023

8 min read

10 Alternatives to Adobe XD You Need to Know

Here are some design tool options for you to choose from.

Build Native Apps using Lottie Animations in Figma with Bravo Studio

Working with Lottie Animations

1 May 2020

3 min read

Build Native Apps using Lottie Animations in Figma with Bravo Studio

Turn Figma designs with Lottie animations into native apps instantly with Bravo Studio.

Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow

Working with Lottie Animations

24 Oct 2022

5 min read

Introducing LottieFiles’ New Collaborative Features for a Better Design Workflow

It’s never been easier to work on motion design projects with your team.

Introducing dotLottie: An Open-Source File Format

Working with Lottie Animations

11 May 2023

4 min read

Introducing dotLottie: An Open-Source File Format

File format for efficient and easy distribution of Lottie animations.

LottieDocs: Everything About the Lottie File Format

Working with Lottie Animations

30 Mar 2023

4 min read

LottieDocs: Everything About the Lottie File Format

Meet the one-stop guide for all things Lottie. Learn more and create more with LottieDocs now.

How to Create Production-Ready Lottie Animations with Figma to Lottie

Working with Lottie Animations

25 May 2023

4 min read

How to Create Production-Ready Lottie Animations with Figma to Lottie

Let us guide you through how you can bring your visuals to life - a treat perfect for designers of all levels.

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.

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.

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.