Svelte Supabase Auth

Isn't there an easy way to work with Supabase Auth without building a custom UI or using a third-party provider?

simple authentication form with email address and password

authentication form with google and github social login plus email and password options

multi factor authentication setup dialog for generating one time password tokens

login interface in arabic showing localization support with language selector

A drop-in solution for authentication and user management in projects using Supabase Auth, built in Svelte and available as both a Svelte component and a custom element usable in any front-end framework or even plain HTML. github.com/dnotes/svelte-supabase-auth/packages/main ⇛

Role:

  • Creator and Lead Developer
  • Open Source Maintainer
  • Technical Architect
  • UI/UX Designer

Outcome:

I built a comprehensive drop-in front-end component for Supabase Auth supporting email/password, social logins, magic links, and multi-factor authentication, with full localization support and a dual-format architecture usable as either a native Svelte component or a framework-agnostic custom element. The project includes a live demo site and comprehensive behavioral tests. I'm hoping it will help speed development of new Supabase applications by eliminating the need to build custom authentication UI.