Lit adapter

npm i @blinn-motion/lit

import { defineBlinnMotionElement } from "@blinn-motion/lit";
import doc from "./card.motion.json";

// Safe to call more than once; also auto-registers on package import.
defineBlinnMotionElement();

const el = document.querySelector("blinn-motion")!;
el.doc = doc;
el.renderer = "dom"; // or "canvas"
el.loop = true;
el.autoplay = true;

el.addEventListener("frame", (e) => {
  const { time, fraction } = (e as CustomEvent).detail;
});

<blinn-motion></blinn-motion>

import { attachBlinnMotion } from "@blinn-motion/lit";
attachBlinnMotion(host, { doc, renderer: "canvas" });