CONFETTI
by Rehmat (Animated Creativity) - MIT License

1. Script:  <script src="confetti.js" defer></script>
2. Button:  <button data-confetti>Sign up</button>

Effects:   data-confetti            burst from the element
           data-confetti="sides"    two cannons from the window edges
           data-confetti="rain"     falling confetti

Thank-you page:  <body data-confetti-onload="sides">

Options:   data-confetti-count="120"
           data-confetti-colors="#ffd700,#ffffff"
           data-confetti-shapes="star,circle"     rect, circle, strip, star or emoji
           data-confetti-spread="70"
           data-confetti-power="1"

From JavaScript:
  Confetti.burst();  Confetti.burst(element);  Confetti.burst({ x: .5, y: .6, count: 200 });
  Confetti.sides();  Confetti.rain({ seconds: 5 });  Confetti.clear();

Visitors with reduced motion get no confetti. Open index.html to try every option.

More free kits and custom work: https://animatedcreativity.com/
