React Galaxy Background
Rotating logarithmic-spiral galaxy background for React and Next.js — a bright core anchors thousands of twinkling stars that sweep along spiral arms with dust-lane perturbation.
React Galaxy Background preview
A slow, majestic rotation of a spiral galaxy rendered entirely in a single 2D canvas — stars seeded along logarithmic arms, perturbed by a dust-lane noise field, rotating as one around a warm radial core. Inner stars burn yellow-white while outer stars cool to violet-blue, with faint nebula dust drifting in-phase with the arms so the whole composition reads as one astronomical body rather than noise. Zero dependencies, hand-written seeded PRNG, runs at 60fps on a mid-range laptop, and the entire visual scales with a few props. Perfect for space-tech heroes, research labs, observatory sites, cosmology product pages, and any launch page that wants depth without flash.
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 galaxy background into my projectRelated Components
Starfield
Depth-field stars flying outward
Nebula
Blurred colored gas clouds with sparse stars
Constellation
Connected-dot star network
Orbits
Concentric orbital rings
Vortex
Simplex-noise particle vortex
Shooting Stars
Diagonal meteor streaks
FAQ
Was this page helpful?
Sign in to leave feedback.