Shadcn.io is not affiliated with official shadcn/ui
React Claude Theme
AI assistant inspired theme with warm terracotta orange tones for React chatbot and developer applications
Most AI interfaces are cold—clinical blues, sterile whites, the visual language of machines. Claude's design philosophy is different: warm terracotta orange at oklch(0.70 0.14 45) that feels human, cream backgrounds at oklch(0.97 0.02 70) that invite conversation, and the overall sense that you're talking with something thoughtful rather than querying a database. This theme captures Anthropic's approach: intelligence that feels approachable. Use it for AI chat interfaces and assistants, developer tools with AI features, documentation sites for AI products, internal AI tooling, knowledge bases with conversational UI, or any Next.js project where AI should feel helpful rather than intimidating. Dark mode maintains the warmth—evening conversation rather than cold terminal.
React Claude Theme preview
Installation
Related Components
React Spotify Theme
Music streaming inspired dark theme with iconic green accents
React Slack Theme
Workspace collaboration inspired theme with aubergine purple
React Supabase Theme
Developer-focused emerald green theme inspired by Supabase
React Twitter Theme
Social media inspired blue theme based on Twitter/X design
React Valorant Theme
Competitive tactical gaming theme with sharp red accents
React Vercel Theme
Sleek monochrome developer theme inspired by Vercel
FAQ
Was this page helpful?
Sign in to leave feedback.