Lottie file and animation format

What are Lottie files?

A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation. LottieFiles lets you create, edit, test, collaborate on and ship a Lottie in the easiest way possible.

Developer info is provided on lottiefiles.github.io/lottie-docs with clear info about the data model, how animations are defined, etc.

The structure of an animation is described on lottiefiles.github.io/lottie-docs/breakdown/bouncy_ball.

In this Twitter thread, Nattu, Co-founder & CTO of LottieFiles, explains the advantages of this animation format compared to others.

Lottie file format

Two formats are used:

  1. Json files that define animations:

  2. dotLottie: ZIP based including one or more json, manifext and other related files, see the structure as described in the official documentation.

Creating Lottie animations

  • LottieFiles is working on an editor "Lottie Creator", you can join the waiting list.

  • Flow has a free animation tool, but to be able to export to LottieFiles, you need a licensed version, starting from 99$/year. The test files and animations for the Lottie4J project are created with a free education version that was provided by Flow, thanks!

  • Haiku, a project that became into opensource in August 2021.

  • Fable is an animation tool that can export as Lottie.

  • Adobe AfterEffects is probably used the most to create Lottie animations, but this is expensive software. On top of that, Adobe should be used with care (*).

(*) A personal note…​

One day I was a heavy user of all Adobe software. Flash (by FutureSplash, acquired by Macromedia, acquired by Adobe) was my introduction into multimedia and I learned a lot by using it, even for business applications with Flex. But since that time, many years ago, Adobe turned into an evil company. From personal experience and what people share online, you need to be aware they have both a bad reputation for how difficult it can be to cancel a (trial) subscription, and their software should be handled as spyware.

There are extremely good alternatives to Adobe, which are free or cheaper. These are some of my favorites:

Are all of these fully OK in regard to privacy etc.? Maybe not, but they provide the tools I need for the "price" I want to pay…​


Last website build: 01/02/2024 08:04 (UTC)
Visitor counter by Clicky