Shadcn.io is not affiliated with official shadcn/ui
React Supabase Theme
Developer-focused emerald green theme inspired by Supabase for React database and backend applications
The open-source Firebase alternative brought its own visual identity—and developers love it. Supabase's aesthetic combines dark, code-editor-comfortable backgrounds at oklch(0.13 0.02 160) with that distinctive emerald green at oklch(0.70 0.18 155) that signals "database operations successful." It's developer-native design: the dark mode isn't an afterthought, the green feels like terminal success messages, and the overall vibe says "built by developers, for developers." Use it for database management tools, backend-as-a-service platforms, API dashboards, developer documentation sites, open-source project interfaces, or any Next.js project where your users write code and appreciate when the UI gets out of their way. Dark mode is home here—light mode exists but feels like visiting.
React Supabase Theme preview
Installation
Related Components
React Spotify Theme
Music streaming inspired dark theme with iconic green accents
React Claude Theme
AI assistant inspired theme with warm terracotta orange tones
React Slack Theme
Workspace collaboration inspired theme with aubergine purple
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.