React Confetti Background

React Confetti Background preview

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.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this background for you — no copy-paste, no CLI:

use shadcnio to install the confetti background into my project

Related Components

FAQ