wavedance

high-performance animated dot-grid canvas background. no dependencies — drop a container on the page and the grid fills it.

wave.dancemac appput this grid behind your icons — click-through live wallpaper for every space.get it
install

$ npm i wavedance

other looks
your config
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,
  },
});
tune it in the editor
animations
5
dependencies
0
license
mit

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.