React Cosmic Night Theme

Look up. That feeling of staring into infinite space—this theme captures it. Cosmic Night builds on the deepest purples at oklch(0.12 0.04 290) that evoke the void between stars, punctuated by stellar blues and nebula magentas that feel like distant galaxies. It's more than dark mode; it's an atmosphere. The colors reference actual space photography: the Carina Nebula's teals, the Pillars of Creation's dusty oranges, the familiar blue of Earth from orbit. Use it for astronomy apps and space education, sci-fi games and entertainment, tech products that want to feel futuristic, planetarium and museum interfaces, or any Next.js project that should inspire wonder. This theme makes users feel like they're interfacing with something vast.

React Cosmic Night Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/cosmic-night.json

npx shadcn@latest add https://www.shadcn.io/r/cosmic-night.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/cosmic-night.json

bunx shadcn@latest add https://www.shadcn.io/r/cosmic-night.json

Related Components

FAQ