Confetti

High-performance canvas confetti with bursts, cannons, fireworks, rain and streams. Ships an imperative confetti() function, a useConfetti hook, a button and a declarative component.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/confetti

import { ConfettiButton } from "@/components/confetti"

// Also exported: confetti(options), useConfetti(ref?) and <Confetti trigger="mount" />
// import { confetti } from "@/components/confetti"
// await confetti({ preset: "fireworks", colors: ["#ff4d12", "#ededed"] })

export function Demo() {
  return (
    <ConfettiButton>
      Ship it
    </ConfettiButton>
  )
}

Updates live as you change the controls. Only non-default props are included.