<div class="worklet-canvas"></div>

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  height: 100vh;
  display: grid;
  place-items: center;
  background: #1d1934;
}

.worklet-canvas {
  --blob-seed: 123429;
  --blob-num-points: 8;
  --blob-variance: 0.5;
  --blob-smoothness: 1;
  --blob-fill: #7257fa;

  width: 75vmin;
  height: 75vmin;

  background-image: paint(blob);
}

(async function () {
  if (CSS["paintWorklet"] === undefined) {
    await import("https://unpkg.com/css-paint-polyfill");
  }

  CSS.paintWorklet.addModule(
    "https://unpkg.com/@georgedoescode/houdini-random-blobs"
  );
})();