Creating motion graphics with Lottie animations

.NET MAUI animations let you perform visual manipulations with UI elements, such as moving, rotating, and scaling. However, if you or your designer want to impress users with an animated graphic illustration, it can be challenging to achieve with the built-in animations. One of the easiest solutions is to use Lottie animations. Lottie is a vector-based, JSON-encoded animation format. You can find many ready-to-use animations at https://lottiefiles.com. Let’s see how to use these animations to enhance your .NET MAUI app.

Getting ready

To follow the steps described in this recipe, we just need to create a blank .NET MAUI application.

The code for this recipe is available at https://github.com/PacktPublishing/.NET-MAUI-Cookbook/tree/main/Chapter03/c3-LottieAnimations.

How to do it…

Let’s use a Lottie animation instead of a standard ActivityIndicator to indicate a running process. We will add a button that...