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.

100 articles

How to Create Animated TikTok Videos with the LottieFiles Mobile App

Working with Lottie Animations

20 Jun 2022

4 min read

How to Create Animated TikTok Videos with the LottieFiles Mobile App

Share free, customized Lottie animations to TikTok – without leaving your mobile device.

How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App

Working with Lottie Animations

17 Jun 2022

4 min read

How to Add Animations to Instagram (IG) Stories with the LottieFiles Mobile App

Create animated posts and stories without leaving your mobile device.

A Guide to Color Theory for Motion Design

Tips and Tutorials

16 Jun 2022

10 min read

A Guide to Color Theory for Motion Design

Learn how to pick the right colors and apply them to animations with the Color Palette feature.

Adobe XD and Lottie Animations: Everything You Need to Know

Working with Lottie Animations

3 Jun 2022

6 min read

Adobe XD and Lottie Animations: Everything You Need to Know

Create more engaging prototypes! Here’s how to design with Lottie animations in Adobe XD.

The Complete Guide to Adding and Editing Lottie Animations in WordPress

Working with Lottie Animations

24 May 2022

7 min read

The Complete Guide to Adding and Editing Lottie Animations in WordPress

Add motion to your WordPress site for free – even if you can’t design or code.

7 Stunning WordPress Websites That Use Lottie Animations

Design Inspiration

24 May 2022

6 min read

7 Stunning WordPress Websites That Use Lottie Animations

Want to create immersive experiences and effective UIs? Check out how these awesome WordPress sites are using Lottie animations to do that.

How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma

Working with Lottie Animations

18 May 2022

11 min read

How to Create a Mesh Gradient Lottie Animation in Adobe After Effects & Export to Figma

Create a Lottie animation from scratch and implement it in your Figma prototype.

What’s the Difference Between PNG, SVG and Lottie File Formats?

Working with Lottie Animations

19 Apr 2022

7 min read

What’s the Difference Between PNG, SVG and Lottie File Formats?

Here’s how they compare, and when you might use each file type.

How to Add Lottie Animations to 3D Designs with Vectary

Working with Lottie Animations

11 Apr 2022

11 min read

How to Add Lottie Animations to 3D Designs with Vectary

Bring your design assets from Figma to Vectary to create beautiful perspective mobile app mockups.

How to Edit Animation Colors with the Lottie JSON Editor and Visual Studio Code

Working with Lottie Animations

6 Apr 2022

4 min read

How to Edit Animation Colors with the Lottie JSON Editor and Visual Studio Code

Here’s how to edit a Lottie JSON to change animation colors – no coding knowledge needed.

Why Should You Add Animation to Your WordPress Site?

Working with Lottie Animations

24 Mar 2022

4 min read

Why Should You Add Animation to Your WordPress Site?

Animation can boost user engagement, create effective UIs, and help your site stand out.

How to Animate Any Logo Without Adobe After Effects

Working with Lottie Animations

23 Mar 2022

3 min read

How to Animate Any Logo Without Adobe After Effects

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

How to Add Multiple Lottie Animations in OBS

Working with Lottie Animations

16 Mar 2022

4 min read

How to Add Multiple Lottie Animations in OBS

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

How to Chain Interactions with the Lottie-Interactivity Library

Working with Lottie Animations

3 Mar 2022

3 min read

How to Chain Interactions with the Lottie-Interactivity Library

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

How to Work with Lottie Animations in Adobe XD and After Effects

Working with Lottie Animations

2 Mar 2022

2 min read

How to Work with Lottie Animations in Adobe XD and After Effects

Add, edit and make your Lottie animations interactive – all within Adobe XD and After Effects.

How to Add Lottie Animations in Adobe XD Prototypes

Working with Lottie Animations

24 Feb 2022

3 min read

How to Add Lottie Animations in Adobe XD Prototypes

Design beautiful prototypes with Lottie animations in Adobe XD. And better yet – speed up your workflow. Here’s how.

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.