React Disco Background
Rotating mirror-ball disco background for React and Next.js — a faceted sphere spins in the center casting radiating light rays while sparkles pulse in sync across the viewport.
React Disco Background preview
A rotating mirror ball parked dead-center, casting long radiating beams of pink, amber, cyan, green, and violet as it turns. Each of its 128 facets cycles through the palette on its own phase with occasional spotlight flashes, twenty-four light rays sweep outward at a slightly slower cadence, and scattered background sparkles flare bright whenever a ray crosses over them. Pure canvas, single RAF loop, seeded PRNG for stable layout — zero dependencies and tuned for 60fps. Perfect for nightlife landing pages, party-app launch heroes, NYE countdown timers, music-festival promos, and any hero that needs celebration energy without leaving the shadcn aesthetic.
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 disco background into my projectRelated Components
Sparkles
Distributed twinkling particle field
Starfield
Flying-through-space star streaks
Confetti
Falling paper-confetti celebration
Fireworks
Radial firework bursts
Neon
Pulsing neon sign glow
Glitch
Digital glitch distortion
FAQ
Was this page helpful?
Sign in to leave feedback.
Deep Sea
Abyssal deep-ocean background for React and Next.js — a handful of bioluminescent jellyfish with trailing tendrils drift through inky blue water while microscopic plankton twinkle in the dark.
DNA
Rotating DNA double helix background for React and Next.js — two intertwined sinusoidal backbones joined by color-coded base pairs that spin around a vertical axis with a hand-rolled 3D projection, zero dependencies.