React Starry Night Theme

Van Gogh painted The Starry Night from memory—not what he saw, but what he felt. This React theme captures that same emotional translation of the night sky: deep swirling blues at oklch(0.25 0.08 260), luminous gold-yellows that feel like starlight at oklch(0.85 0.15 90), and the rich darkness of a sky that's alive with motion. It's not a literal color extraction from the painting; it's an attempt to bottle the feeling. Use it for art gallery and museum sites, creative portfolios where expression matters more than convention, music streaming platforms, astronomy and space exploration apps, or any Next.js project that should feel like looking up and getting lost. The palette is inherently dark—this is a night theme through and through.

React Starry Night Theme preview

Installation

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

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

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

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

Related Components

FAQ