Shadcn.io is not affiliated with official shadcn/ui
React Corona Background
Solar corona background for React and Next.js with a glowing central disc and ~80 radiating rays whose lengths breathe independently while the whole crown slowly rotates.
React Corona Background preview
A cinematic, almost spiritual atmosphere — a molten sun hanging in deep space, surrounded by a crown of fluctuating rays that pulse out of phase and drift around the disc on a 30-second arc. Pure canvas, zero dependencies, one RAF loop: every ray carries its own phase, period, and base length, so the silhouette is always shifting without ever feeling mechanical. The disc itself breathes on a slower ~6s sine so the whole composition feels alive rather than looped. Perfect for launch pages, meditation and wellness apps, spiritual or ritual product heroes, astronomy dashboards, and any landing page that wants a moment of awe before the copy lands.
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 corona background into my projectRelated Components
Spotlight
Cursor-following soft circular glow
Ripple
Concentric rings expanding outward
Warp
Hyperspace radial line zoom
Aurora
Emerald northern-lights sheets
Neon
Glowing neon ring stack
Circles
Orbiting concentric circles
FAQ
Was this page helpful?
Sign in to leave feedback.
Constellation
Interactive constellation network with floating nodes and dynamic connections that respond to mouse movement
Crystals
Dendritic crystal growth background for React and Next.js — branching frost tendrils grow outward from seed points, hold, dissolve, and respawn in an endless winter bloom.