Supabase UI Library - Drop-in components based on shadcn/ui & powered by Supabase
A collection of powerful, customizable UI components built on shadcn/ui. Instantly add Supabase Auth forms, Storage uploads, Realtime chat, cursors, and presence indicators, and more to any Next.js, React Router, TanStack Start, or plain React project.
Replies
Supabase
Supabase
@ivasilov ⚡️⚡️⚡️
@ivasilov @jon_summers_muir real
Supabase
@ivasilov great work Ivan!
Let us know what else you'd like to see y'all!
@ivasilov ⚡️⚡️⚡️⚡️⚡️
Supabase
@ivasilov This makes so much sense and will empower so many builders 🔥 Awesome work y'all!
Supabase
The best thing about this new product is @jon_meyers hands. Truly unrivaled.
Supabase
@jon_meyers @antwilson more hands please
SVB News Hub
@jon_meyers @antwilson The next video is going to be wild!
@antwilson You tried to slow these hands down with your giant sleeves, but it only made them stronger!
@jon_meyers @antwilson We added these in post. Do they look good?
@jon_meyers @antwilson youtube tutorial soon?
SVB News Hub
I love the chat UI! The subtle animations are so slick!
Supabase
@dshukertjr ⚡️⚡️⚡️
@dshukertjr thank you i made those
@dshukertjr ✅🚀
Hey, this looks like a great start! The components you've already added seem like a fantastic way to simplify complex querying. I'm working on a custom query builder and have been exploring more advanced filtering options—think multi-tiered filters that integrate dynamic conditions. shows operators based on datatypes etc. Will there be plans to expand the library to support more complex filter setups like this? It would be great to see these advanced options, especially for scenarios involving multi-column conditions and nested logic. Would love to hear your thoughts on this!
Supabase
@faizanjan_ We're you thinking a dynamic filter that would eventually populate a supabase-js query, or thinking building a raw SQL query based on the filter selection?
@jon_summers_muir
I am trying to build a query builder that will show operands based on the table schema, and the operators for those operands based on the datatypes of the operand. If the table column is json, then the filter will be nested. And we can group the filters together to make a condition group. Eventually, I convert the whole filter state into a single SQL query which queries the relevant data from sqlite in-browser database (hence no network requests), hence making filtering much much faster even with thousands of records.
It is a little difficult to articulate this, you can checkout my first prototype here. I am building it for filtering resumes at the moment, but usecase can easily expand later.
Supabase
@faizanjan_ this is nice!
Some other thoughts - we could do a mix as well, in which there is manual filter UI (like this) and then an additional option is to write an AI prompt which could return results but then also set the filter UI to the right options for the query. I think Linear app does this as well.
Supabase
hey @faizanjan_, thank you for the kind words! Yes, we're planning on releasing a more generic hook to query the database! Can't wait to see what you build!
@faizanjan_ I fully agree, that's great!
Supabase
@thefullstack ⚡️⚡️⚡️
@thefullstack we are acquiring react next year
And we are first to hear? w00t!
can you add a component that gets me users
Supabase
@jordienric ⚡️⚡️⚡️
Supabase
Great work @ivasilov!!
The concept of being able to insert working code into your favorite framework with 1 command is mindblowing.
@ivasilov @jon_summers_muir ivan is the shadcn of frontend
Snaplet Seed
Nice! Can I one shot Supabase auth with this UI with the mcp or cursor rules?
@careldewaal Yes! The Library already has Auth UI AND Cursor rules, stay tuned for Supa MCP :)
Supabase
@careldewaal Maybe try it ? :D
Supabase Benchmarks App
sick ⚡️
Supabase
@egor_romanov you're sick !
Supabase
🔥
Supabase
@saxonfletcher fire indeed
Stooa
Crazy work, crazy shippers. I have a lot to learn from you guys T-T
Thanks for the amazing work.
Supabase
This looks incredibly useful and it'll make it easy to build on the weekends. There's an Antler Copenhagen hackathon coming up and I'm excited to share this with all the hackathon participants so they can get Supabase Auth, Storage, and Realtime features out in seconds and ship fast and win!
Supabase
@wenbo Supabase, Hacking, and smørrebrød
Supabase
@jon_summers_muir that's hygge for me right there
Supabase
Going to make prototyping so much easier!
This UI kit is a game-changer for React devs! Love how it bundles Supabase integrations (auth + storage) with sleek components. How does it handle custom theming – can we easily match our brand colors while keeping all the pre-built functionality?
Supabase
@denzel_downs same as shadcn https://ui.shadcn.com/docs/theming
Incredible work team!
Nonilion
Our go to DB now offers UI library :)
This is a huge win for the Supabase ecosystem! Having a native UI library that aligns perfectly with Supabase’s design system and components is going to save so much time for devs. Love the focus on accessibility and clean documentation too. 👏
Great work! Straight to the top with this one.
"So Fresh, So Clean." — André 3000
This is a huge win for the Supabase community and a breakthrough for developers building with modern React stacks! 🚀 Can’t wait to see how this improves workflows and takes the developer experience to the next level. Great job! 👏