high-performance animated dot-grid canvas background. no dependencies — drop a container on the page and the grid fills it.
$ npm i wavedance
import { createWavedance } from "wavedance";
createWavedance(container, {
dotSize: 4,
dotSizeVariation: 0.35,
gap: 10,
foreground: "#8073e3",
secondaryForegroundColor: "#28e724",
background: "#161616",
animation: "arc",
arc: {
speed: 0.6,
center: 0.45,
drop: 0.95,
thickness: 0.35,
curve: 1.8,
},
});pauses when off-screen, the tab is hidden, or you prefer reduced motion. mit licensed — the grid on this page is running in your browser.