Shadcn.io is not affiliated with official shadcn/ui
React Cosmic Night Theme
Space-inspired deep purple dark theme with stellar accents for React sci-fi and astronomy applications
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
Related Components
React Midnight Bloom Theme
Elegant midnight blue dark theme with purple floral accents
React Caffeine Theme
Coffee-inspired warm dark theme with espresso browns
React Doom 64 Theme
Gothic dark theme inspired by classic 90s shooters
React Cyberpunk Theme
Neon-soaked futuristic dark theme with electric accents
React Dark Matter Theme
Ultra-dark minimal theme with OLED-black backgrounds
FAQ
Was this page helpful?
Sign in to leave feedback.