React Supernova Background
Cinematic supernova explosion background for React and Next.js — random stars cataclysmically detonate with a bright flash, expanding shockwave ring, radial ray bursts, and drifting embers over a gentle twinkling starfield.
React Supernova Background preview
A pitch-black sky that every few seconds goes cataclysmic — a star detonates at a random point, unleashing a blinding white flash, an expanding shockwave ring, thirty radial ray bursts, and a cloud of glowing embers that drift outward before fading to nothing. Pure canvas at 60fps, zero dependencies, a seeded PRNG so the rhythm feels intentional rather than random, and a quiet field of 200 twinkling stars always breathing underneath. Perfect for launch heroes, cosmic portfolios, sci-fi product pages, and anywhere the page needs a dramatic "something is happening" beat that rewards the reader for sticking around.
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 supernova background into my projectRelated Components
Fireworks
Celebratory particle burst showers
Ripple
Expanding water ripple circles
Warp
Continuous radial warp-speed streaks
Starfield
Classic twinkling starfield
Spotlight
Soft moving spotlight beam
Shooting Stars
Streaking meteor trails
FAQ
Was this page helpful?
Sign in to leave feedback.