React Confetti Background

Soft, elegant confetti drifting down the screen. Unlike harsh party confetti, this has a refined feel—muted colors, gentle rotation, and a slow graceful fall. The particles sway side to side as they descend, catching the light. Perfect for product launches, success states, or adding a touch of celebration without being overwhelming. It's subtle enough to use as a background but festive enough to feel special. Canvas-based for smooth performance.

React Confetti Background preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/confetti.json

npx shadcn@latest add https://www.shadcn.io/r/confetti.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/confetti.json

bunx shadcn@latest add https://www.shadcn.io/r/confetti.json

Related Components

FAQ