Lottie

Como usar

Inclua o script (tag acima), crie um contêiner e carregue a animação (arquivo .json).

<div id="animacao" style="width: 200px; height: 200px"></div>

<script>
    const anim = lottie.loadAnimation({
        container: document.getElementById('animacao'),
        renderer: 'svg',
        loop: true,
        autoplay: true,
        path: '/animacoes/carregando.json'
    });
</script>

Observações

• Controle: anim.play(), anim.pause(), anim.stop(), anim.setSpeed(2).
• O .json precisa estar no mesmo domínio do sistema ou ser servido com CORS liberado.
• Para remover a animação da página: anim.destroy().
• Documentação oficial: github.com/airbnb/lottie-web