Hey folks! Just got my hands on some exciting news I had to share with the community. Supabase (you know, that awesome Postgres-based backend we all love?) just launched their official UI Library yesterday, and after playing with it all night, I'm genuinely pumped about what this means for our projects.
The TL;DR for busy devs
Supabase now offers ready-to-use React components built on shadcn/ui that you can drop into practically any React-based project (Next.js, React Router, TanStack Start). Installation is dead simple, works just like installing any shadcn/ui component.
Why I'm excited (and you should be too)
Let's be honest: how many hours have we all spent building the same authentication flows, file uploaders, and real-time features? Too many. This library tackles exactly those pain points.
I've already tried implementing the auth components in a side project, and what would have taken me a full evening was done in literally minutes. The authentication block comes with everything: sign-up, sign-in, password reset—all styled, responsive, and ready to rock.
The coolest components (so far)
- Password-based authentication: Complete flows for signup, signin, and password management
- File Upload Dropzone: Drag-and-drop file uploads with previews (finally!)
-
Realtime features: This is where things get interesting
- Cursor sharing (for collaborative editing)
- Avatar stacks showing who's online (like Notion/Figma)
- Realtime chat components (that actually work out of the box!)
The realtime cursor sharing component is particularly slick. I've been wanting to add collaborative features to my projects but always put it off because... well, it's complicated. Now it's literally a component drop-away.
For the AI folks
They've also included LLM rules for AI code editors to help models understand Supabase-specific features like Row Level Security policies and Edge Functions. I haven't tested these yet, but if they help prevent those "wait, that's not how RLS works" moments, I'm all for it.
Built on good foundations
It makes perfect sense that they built on top of shadcn/ui, it's been JavaScript's top rising star two years running. The copy-and-paste component approach gives you total control over customization, which beats wrestling with opinionated libraries any day.
Check the docs!: For the full component documentation, installation guides, and all the nitty-gritty details, make sure to visit the official Supabase UI Library docs. The documentation is comprehensive and includes plenty of code examples to get you started quickly. Trust me, it's worth bookmarking!
What's next?
The team says they're planning to release more components and are taking suggestions. I'm personally hoping for some database visualization components—might have to hop on Discord and suggest it.
Have you tried it yet? What components would you like to see them add? Drop a comment below, I'm genuinely curious what other devs think about this!
P.S. If you build something cool with these components, share it in the comments. Always looking for inspiration!
Until next time......
