GSAP Click Spark Animation for React

A click effect for React and Next.js: every press throws a ring and a burst of sparks that slow down and fall. Click while moving and the sparks carry the cursor's direction, so a burst feels thrown instead of placed.

Drop it in once and every click on the page gets a burst. Sparks are short streaks with their own speed, drag and gravity, so they arc and fall instead of simply fading out. The speed of the cursor at the moment of the click carries over into them, which is the detail people tend to notice.