Make your AI a shadcn expert

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

Scroll to load 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 project

FAQ

Was this page helpful?

Sign in to leave feedback.