Shadcn.io is not affiliated with official shadcn/ui
React Summer Theme
Warm sunny theme with golden yellows and bright oranges for React travel and outdoor applications
Bottle the feeling of a perfect beach day. Summer radiates the warmth of midday sun—bright yellows at oklch(0.90 0.15 95) that feel like actual sunshine, warm oranges at oklch(0.78 0.16 60) that glow like a sunset, and cream backgrounds at oklch(0.97 0.02 90) that feel like warm sand. This isn't subtle warmth—it's confident, cheerful, unapologetically sunny. The palette triggers the same positive response as actual good weather. Use it for travel and vacation booking sites, outdoor activity apps, summer event and festival platforms, ice cream and beachwear brands, pool and patio product sites, or any Next.js project that should feel like stepping outside into a beautiful day. Dark mode softens into warm evening tones—summer nights on the patio.
React Summer Theme preview
Installation
Related Components
React Mocha Mousse Theme
Delicious chocolate brown theme with creamy vanilla accents
React Solar Dusk Theme
Warm sunset gradient theme with golden hour oranges and dusky pinks
React Sunset Horizon Theme
Dramatic gradient theme transitioning from orange through pink to purple
React Tangerine Theme
Fresh citrus orange theme with zesty energy
FAQ
Was this page helpful?
Sign in to leave feedback.