Shadcn.io is not affiliated with official shadcn/ui
React Fireworks Background
Canvas fireworks with realistic physics—rockets launch, explode into colorful particles, and you can click to launch more
React Fireworks Background preview
Fireworks! Rockets shoot up from the bottom, leave glowing trails, then burst into 80+ particles that scatter with realistic gravity and friction. Click anywhere to launch a firework toward that spot. By default they auto-launch every 600ms or so, keeping a steady celebration going. The physics feel pretty satisfying—particles arc naturally and fade out as they fall. Great for achievement screens, New Year's pages, product launches, or anywhere you want that celebratory energy. Everything scales based on viewport size so it looks good on any screen.
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 fireworks background into my projectRelated Components
Beams With Collision
Exploding light beams
Meteors
Shooting star trails
Sparkles
Twinkling particles
Particles
Floating particle system
Shooting Stars
Multi-directional stars
Vortex
Particle flow vortex
FAQ
Was this page helpful?
Sign in to leave feedback.
Fireplace
Cozy fireplace background for React and Next.js — flickering hearth flames rise from the bottom edge while glowing embers drift lazily upward, lit by a warm amber radial glow.
Flickering Grid
Canvas grid with randomly flickering squares that creates a subtle Matrix-like digital ambient effect