Creating .lottie

1. Creating a multi-animation .lottie file

To create a multi-animation .lottie file, you can use our creation library dotlottie-js.

After following the installation steps for dotlottie-js, you can start creating your own .lotties:

async function createDotLottie() {
  const dotLottie = new DotLottie();

  // build dotLottie
  await dotLottie
        .addAnimation({
          id: 'dog_animation',
          url: 'https://my_dog_animation.json',
          loop: true,
          autoplay: true
        })
        .addAnimation({
          id: 'cat_animation',
          url: 'https://my_cat_animation.json',
          loop: true,
          autoplay: true,
          direction: -1,
          playMode: 'bounce'
        })
        .build()
  
  // download dotLottie
  await dotlottie.download('my_animation.lottie');
}