Browse components

Confetti Fireworks

A button-triggered canvas confetti burst with a center launch and three quick side volleys.

Add to your project

1Connect the Uniquel MCP

Connect Uniquel to your coding agent before using the component ID.

Connect MCP

2Copy the component ID

MCP ID
component:animation/confetti-fireworks

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSScanvas-confetti

Props

PropTypeDescription
labelstringText shown in the trigger button. Default: Celebrate.
classNamestringClasses merged onto the trigger button.
hrefstringOptional destination that renders the trigger as a link.
targetstringLink target when href is set.
relstringLink relationship when href is set. Defaults to noreferrer for new tabs.
disabledbooleanPrevents the celebration and click action. Default: false.
onClick(event) => voidCallback invoked after the celebration starts.

More Animation Components

Make something great.

Typing Animation

A minimal typing animation with smart backspacing, an optional cursor, and adjustable speed.

SVG Blob Animation

Lightweight SVG blob that smoothly morphs between organic shapes with customizable colors and speed.