Playground

import { Ethereal } from 'ethereal-glow'

<button className="relative isolate">
  <span className="relative z-10">…</span>
  <Ethereal
    themes={{
      dark: {
        colors: ["rgb(255,50,100)", "rgb(40,180,220)", "rgb(50,200,80)", "rgb(180,40,240)", "rgb(255,160,30)", "rgb(100,70,255)", "rgb(40,140,255)", "rgb(240,50,180)", "rgb(30,185,170)"],
        glowBlur: 14,
        strokeOpacity: 1.14,
        innerOpacity: 0.7,
        bloomOpacity: 0.8,
        strength: 1,
        saturation: 1,
        brightness: 1,
      },
    }}
    colors={["rgb(252,0,89)", "rgb(0,168,209)", "rgb(0,184,60)", "rgb(186,0,252)", "rgb(213,130,0)", "rgb(102,77,255)", "rgb(0,131,254)", "rgb(251,0,186)", "rgb(0,176,161)"]}
    path="around"
    place="both"
    hover="boost-speed"
    duration={8}
    spotW={120}
    spotH={72}
    trail={1.5}
    trailFade={0.55}
    spotBlur={3}
    hotspots={2}
    hotSpread={28}
    wander={0.12}
    needles={10}
    glowBlur={14}
    strokeOpacity={1.42}
    innerOpacity={0.49}
    bloomOpacity={0.88}
    strength={1.25}
    saturation={1.3}
  />
</button>