<a href="https://github.com/lottiefiles/dotlottie-web" target="_blank">
  <canvas id="dotLottie-canvas">
  </canvas>
</a>
<a href="https://lottiefiles.com/animations/celebration-lolo-w318l83FuX" target="_blank">Lolo Sticker - Celebration Lolo</a>
body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

canvas {
  width: 350px;
  height: 350px;
}
import { DotLottie } from "https://esm.sh/@lottiefiles/dotlottie-web";

const dotLottie = new DotLottie({
  canvas:  document.querySelector("#dotLottie-canvas"),
  src: "https://lottie.host/0cbdb3ef-2fa5-4d1d-9e4e-f66c879e010d/D0bRr9d93F.lottie",
  loop: true,
  autoplay: true
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.