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');
}