Tailwind CSS Confetti Animation

How to use

1. Install Canvas Confetti.

   Install Canvas Confetti via npm

   Terminal

                         
                           npm i canvas-confetti
                         
                       

2. Add the Canvas Confetti JavaScript

   Include the JavaScript <script> near the end of your </body> tag:

   <script src="./assets/vendor/canvas-confetti/dist/confetti.browser.js"></script>
   HTML

Run on click

Run confetti on click.

                      
                        (function() {
                          const runConfetti = document.querySelector('#hs-run-on-click-run-confetti');
                          runConfetti.addEventListener('click', () => {
                            confetti({
                              particleCount: 100,
                              spread: 70,
                              origin: {
                                y: 0.6
                              }
                            });
                          });
                        })();