Feedback

Confetti

Celebration confetti to delight users when something special happens — a claim confirmed, an event wrapped, a goal hit. Ships a ConfettiButton that bursts on click, a canvas-bound Confetti component with an imperative fire() ref, and a sideCannons() helper that fires from both edges of the viewport (great to trigger on page load). Respects prefers-reduced-motion.

Import

import {
  Confetti,
  ConfettiButton,
  sideCannons,
  CONFETTI_COLORS,
  type ConfettiRef,
} from "@countryclub/ui-react";

Default

Side Cannons

Fires from the left and right edges for a few seconds. Imperative — call sideCannons() from a click or an effect (e.g. the first time a page loads).

Fireworks

A longer, self-sustaining burst driven by requestAnimationFrame.