Magic Cursor effect library / Smoke

Emit soft smoke puffs that rise and drift from the pointer with color, size, lifetime, and motion tuning.

smoke

Code

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

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

const instance = createEffect("smoke", root, {
  "emission": 2,
  "size": 18,
  "lifeMs": 1400,
  "rise": 0.8,
  "drift": 0.7,
  "color": "rgba(99, 102, 241, 0.95)"
});

// later
// instance.destroy();