Magic Cursor effect library / Flame

Emit rising flame particles from the pointer with controls for emission rate, size, lifetime, rise speed, jitter, and DPR cap.

flame

Code

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

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

const instance = createEffect("flame", root, {
  "emission": 2,
  "size": 10,
  "lifeMs": 700,
  "rise": 1.6,
  "jitter": 0.9,
  "maxDpr": 2
});

// later
// instance.destroy();