Shadcn.io is not affiliated with official shadcn/ui
React Caffeine Theme
Coffee-inspired warm dark theme with espresso browns for React productivity and reading applications
Dark mode doesn't mean cold. Caffeine wraps your interface in the rich warmth of a perfectly pulled espresso—deep browns at oklch(0.18 0.04 60) that feel cozy rather than clinical. The palette draws from coffee culture: espresso darks, crema highlights, roasted amber accents. It's the digital equivalent of a well-designed café where you want to spend hours. Use it for reading apps where warmth encourages lingering, productivity tools that shouldn't feel sterile, journaling and note-taking apps, recipe and food platforms, or any Next.js project where users should feel comfortable settling in. Unlike blue-tinted dark themes, Caffeine is genuinely warm—easier on the eyes during evening use and more emotionally inviting.
React Caffeine Theme preview
Installation
Related Components
React Midnight Bloom Theme
Elegant midnight blue dark theme with purple floral accents
React Cosmic Night Theme
Space-inspired deep purple dark theme with stellar accents
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.