React Eclipse Background
Cinematic total solar eclipse background for React and Next.js — a black lunar disc occults a blazing sun, its pulsating corona and feather-like streamers radiating against a starfield sky.
React Eclipse Background preview
The single most dramatic moment the sky ever serves up — totality, when the moon slides perfectly over the sun and the day goes black. This background recreates that instant on a single canvas: a jet-black disc at the viewport's center, a brilliant white annulus hugging its edge, warm yellow coronal light breathing outward, and dozens of semi-random feather-like streamers fluctuating in length like a real corona photograph. Two hundred background stars twinkle across the sky (dimmer near the sun where the corona washes them out), a handful of Baily's beads flicker just inside the rim, and the whole streamer pattern rotates glacially for hours-long mood. Zero dependencies, 60 fps on a mid-range laptop, and the perfect centerpiece for cinematic hero sections, astronomy / space-tech landing pages, launch countdown screens, and anywhere you want a page to feel both quiet and enormous.
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 eclipse background into my projectRelated Components
Spotlight
Radial focused glow from off-screen
Warp
Hyperspace streaking star-tunnel
Ripple
Expanding concentric ring pulses
Starfield
Twinkling depth-parallax star sky
Nebula
Drifting deep-space color clouds
Aurora
Flowing emerald northern lights
FAQ
Was this page helpful?
Sign in to leave feedback.
Dunes
Animated Sahara sand dunes background for React and Next.js — layered parallax dune silhouettes drift under a warm desert sky with a glowing sun and fine grain texture.
Facets
Faceted crystal background for React and Next.js — the viewport is tessellated into triangular shards that catch light like cut glass, with subtle iridescent shimmer.