Confetti Burst
Canvas confetti fired from a button click with physics, cleanup and reduced-motion support.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ConfettiCanvasProps
Also accepts all props of Omit<React.ComponentProps<"canvas">, "ref">
| Prop | Type | Default | Description |
|---|---|---|---|
| ref | React.Ref<ConfettiHandle> | — | — |
ConfettiButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| confetti | ConfettiOptions | — | Options forwarded to every burst |
Install
$ npx shadcn@latest add https://chromotion.dev/r/confetti-burst.json