Svelte adapter

npm i @blinn-motion/svelte

<script lang="ts">
  import { blinnMotion, getBlinnHandle } from "@blinn-motion/svelte";
  import doc from "./card.motion.json";

  let host: HTMLDivElement | undefined;
</script>

<div
  bind:this={host}
  use:blinnMotion={{
    doc,
    renderer: "dom",
    loop: true,
    autoplay: true,
    onFrame: (t, f) => {},
  }}
></div>

<button
  type="button"
  onclick={() => getBlinnHandle(host)?.toggle()}
>
  Play / pause
</button>

import { attachBlinnMotion } from "@blinn-motion/svelte";

const handle = attachBlinnMotion(el, { doc, renderer: "canvas" });
handle.play();
// later:
handle.dispose();