紙吹雪【react対応】

「canvas-confetti」というライブラリを読み込むことで、そこそこお手軽に紙吹雪のアニメーションを実装できます。
reactなどモダン環境でもnpmで導入できます。
パラメータで位置や量、色、消える時間など細かく設定できる。

Confetti({
      origin: { y: 0.7 }, // どの位置から confetti を出すか
      // パーティクルの数（デフォルト50)
      particleCount: 230,
      // 発射範囲(デフォルト45度)
      spread: 130,
      // default:0 数値を上げると横に流れる
      drift: 0,
      // confettiが動く長さ (default: 200)
      ticks: 100,
      // z-indexを指定(default:100)
      zIndex: 100,
    })