Subscribe
Sign in
Pre-built Auth UI for React — Install Auth UI and start authenticating users with Supabase
Auth UI is a pre-built React component for authenticating users with Supabase Auth. It supports custom themes and extensible styles to match your brand and aesthetic.
102
Replies
Best
@jon_summers_muir Congrats. Discovered the product on our Invincible Product Hunters community. :)
@jon_summers_muir Hi, great product. Tell me, do you have an out-of-the-box authorization solution for V3 browser extensions?
@antwilson @schaeff_t I should of added that this was quite inspired by Stripe Elements :D
@antwilson thank you, I can’t express to you in words how helpful this is. Nice work! I’m gonna try it out now.
I'm always on the lookout for tools that make my dev life easier and help me build cool stuff without having to remember how to do a million things. This looks really cool! Saving to my list to check out. Congrats on the launch!
This looks really amazing! Is there a possible timeline for when support for Flutter might be ready? Keen to try it out in my next project
@joshenjlek I'll check the issues in GitHub, we had a contributor that might had been interested in porting this to flutter. Will need to have a look.
@joshenjlek Flutter Auth UI is being worked on here: https://github.com/supabase-comm... Thanks to many awesome community contributors 💚
Hey friends, we're constantly aiming to make Auth as easy as possible and this is another step into that direction. Let us know if this is useful for you and what features you would like to see. Thanks :)
Great stuff! Been trying out Supabase for a recent project and so far very happy. The documentation across the site needs cleaning up, though. For example, there are multiple versions of Auth floating around and one of em is deprecated? Another one only works with an older version of React. That's all a bit confusing.
@mictuc Yea, we're in the process of upgrading things to supabase-js v2.
Got any links to the docs pages you're struggling with? we can prioritize getting those looked at.
@jon_summers_muir Did a night session and managed to upgrade to V2 of Supabase. Think the comment section is not ideal for this, but as an example for Auth:
* https://supabase.com/docs/reference
* https://supabase.com/docs/refere...
* https://supabase.com/docs/refere...
* https://supabase.com/docs/guides...
* https://ui.supabase.io/component...
* https://supabase.com/docs/guides...
All talk about somewhat the same thing, but have different approaches and rely on different versions. The to-do example (https://github.com/supabase/supa...) was recently updated, but is very outdated when it comes to the approach. Overall, was fun to work with Supabase, but the documentation is frustrating at times. I think Gatsby has a great approach, as their docs are up-to-date 99% of the time.
@kiran_k1 Oh nice! Would you be up for migrating to this new version? Would love to hear what it was like, we might need a migration guide.
@jon_summers_muir Sure, I'll try out the new Auth UI when I've time. A migration guide would be valuable.
Love to see this one out! Auth UI is a great and fast way to get auth working while also matching your brand and aesthetic 🤝💯
Can't wait to see what the community builds with it!
@ramiro_nunez_dosio yea, the theming was such a big request. Everybody needs it really.
Love this! I have so many snippets of code for this that I am taking from project to project, glad to see this done properly in a such a modular way. (And yes, Mac theme is the best 😅)
@flybirdx101 Haven't actually added the mac theme into the repo yet, I'll get round to it at some point 😅
@jon_summers_muir I know, just @antwilson 's screenshot in the other thread was very convincing :)
What was the rationale behind deprecating supabase/ui and splitting auth UI to its own package?
hey @everconfusedguy !
Some of you may already know, but Auth UI was a component called `Auth` in our Supabase UI GitHub repository.
To my genuine surprise (I didn't think anyone would use it) we saw a lot of developers using the component in their own apps without using any other components. They were also applying custom hacks to change various styling or to replace text in the labels.
It made sense to properly support the Auth component as a standalone package, and also remove it from a package that was primarily a library of radix react components that were styled with tailwind. We also didn't want to force developers to use Tailwind just to install a UI component.
Now that it is in its own repo and package, we can probably also think about supporting other frameworks more easily like Svelte and Flutter.
@everconfusedguy @jon_summers_muir also would love to get the Vue community involved with this 🥳
Wow, this looks amazing! Congrats on the launch!
I'm an engineer on the Supabase Realtime team and we're currently building an app with Phoenix LiveView that'll make it easier for developers to play with and debug their Realtime functionality.
I was just thinking about adding auth as next steps so developers can sign in and select their projects without manually having to copy/paste.
We'll explore integrating this swanky auth UI component into the LiveView app and drop some feedback.
Keep up the great work!
This looks amazing! The added theming flexibility, and that it got spun out due to how developers were previously using it, is just fantastic.
Love that the community has a voice when it comes to Supabase!
@_pcnc There were a few issues popping up on GitHub and I was also seeing some weird hacks developers were trying just to do something like change a label. Hopefully this is a step in the right direction 😅
I love Supabase. So happy to see this launch.
They ship so frequently and never compromise on quality. Also highly recommend the Happy Hour show :)
@christian_wierzbicki1 the Happy Hour show is awesome!! The team are so consistent with it each week
Setting up auth was definitely the hardest part the last time I built a project with Supabase. Really excited to see this in the wild. Great stuff!
This is amazing!! @rahul_mehta17 can check this out. Congratulations on the guys!!
Very happy to see a new version of Auth UI to go along with V2 of supabase-js!
@alaisteryoung upgraded it now to v2. Courtesy of Thor!
Supabase