React Northern Lights Theme

The aurora borealis is nature's proof that the sky can hold multiple impossible colors at once. This React theme captures that phenomenon: ethereal teals at oklch(0.72 0.15 180) flowing into electric magentas at oklch(0.68 0.20 330), set against the deep polar night at oklch(0.12 0.02 270). It's not subtle—the aurora never is. The colors glow, blend, and create that otherworldly quality that makes people travel to the Arctic just to witness. Use it for music streaming and audio visualization apps, immersive storytelling experiences, photography portfolios (especially nature and travel), space and astronomy platforms, Nordic and Scandinavian brands, or any Next.js project that should feel like witnessing something rare. Dark mode is essential here—auroras only dance against darkness.

React Northern Lights Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/northern-lights.json

npx shadcn@latest add https://www.shadcn.io/r/northern-lights.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/northern-lights.json

bunx shadcn@latest add https://www.shadcn.io/r/northern-lights.json

Related Components

FAQ