Magic Cursor effect library / Electric arc

Spawn electric arcs around the pointer with length, radius, lifetime, glow, emission rate, and click burst tuning.

electricArc

Code

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

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

const instance = createEffect("electricArc", root, {
  "emission": 3,
  "length": 28,
  "radius": 38,
  "lifeMs": 210,
  "color": "rgba(99, 102, 241, 0.95)",
  "glowColor": "rgba(99, 102, 241, 0.34)",
  "clickBurst": 16
});

// later
// instance.destroy();