tsParticles - Make it rain 💵!! - Dollars confetti

index.html

<div id="tsparticles"></div>

script.js

(async () => {
  await loadConfettiPreset(tsParticles);

  await tsParticles.load("tsparticles", {
    particles: {
      shape: {
        type: "character",
        options: {
          character: {
            fill: true,
            font: "Verdana",
            value: "💵",
            style: "",
            weight: 400
          }
        }
      },
      life: {
        duration: {
          value: 0
        }
      },
      number: {
        value: 200,
        max: 0,
        density: {
          enable: true
        }
      },
      move: {
        gravity: {
          enable: false
        },
        decay: 0,
        direction: "bottom",
        speed: 2,
        outModes: {
          default: "out",
          left: "out",
          right: "out",
          bottom: "out",
          top: "out"
        }
      },
      size: {
        value: 12
      },
      opacity: {
        value: 1,
        animation: {
          enable: false
        }
      }
    },
    background: {
      color: "#232323",
      opacity: 0
    },
    emitters: [],
    interactivity: {
      events: {
        onClick: {
          enable: true,
          mode: "repulse"
        }
      }
    },
    preset: "confetti"
  });
})();

scripts

<script src="https://cdn.jsdelivr.net/npm/tsparticles@1.41.5/tsparticles.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tsparticles-preset-confetti@1.41.5/tsparticles.preset.confetti.min.js"></script>

style.css

/* ---- reset ---- */
.github {
  bottom: 10px;
  right: 10px;
  position: fixed;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px 6px 12px;
  border: 1px solid #000;
  z-index: 2000;
}

.github a:hover,
.github a:link,
.github a:visited,
.github a:active {
  color: #000;
  text-decoration: none;
}

.github img {
  height: 30px;
}

.github #gh-project {
  font-size: 20px;
  padding-left: 5px;
  font-weight: bold;
  vertical-align: bottom;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" />

tsparticles-make-it-rain-dollars-confetti.markdown

tsParticles - Make it rain 💵!! - Dollars confetti

A Pen by SanshooSenshi on CodePen.

License.