Everything behind the geometry is normal HTML — select this text, click the buttons, scroll the page. The canvas is fully transparent and passes every pointer event through.
One script tag, one custom element. No build step, no dependencies, ~6kb.
Correct alpha compositing on any background — dark, light, gradients, photos.
Pauses off-screen via IntersectionObserver. Caps DPR at 2. Pointer-events: none.
Busy background test. The widget composites over this gradient with no halo fringing — that's the premultiplied alpha doing its job.