Magic Cursor effect library / Spotlight

Darken the page except for a circular spotlight that follows the cursor, with radius and dim color controls.

spotlight

Code

import { createEffect } from "magic-cursor-effect";

const root = document.querySelector("#your-root") as HTMLElement;

const instance = createEffect("spotlight", root, {
  "radius": 80,
  "dimColor": "rgba(0, 0, 0, 0.82)"
});

// later
// instance.destroy();