Each click increments a visible counter badge inside the button. The badge pops with a spring-overshoot scale keyframe animation on every increment, re-triggered via the removeAttribute/offsetWidth/setAttribute pattern.
Create a button that shows a click counter badge with a pop animation on each increment. On click: - Increment a React state counter displayed in a badge inside the button - Play a spring-overshoot scale keyframe (1 → 1.55 → 0.88 → 1) on the badge element - Re-trigger the animation on every click with removeAttribute → offsetWidth → setAttribute - No library dependencies Accessibility: disable pop animation under prefers-reduced-motion; counter still increments.
Paste into Claude, ChatGPT, or Cursor. Edit YOUR_STACK /
YOUR_STYLING / YOUR_CONSTRAINTS before sending.