Authentication Showcase

Explore configurable login and registration variants. These previews mirror the production components with disabled actions for safe demonstration.

1

Login — Email + Social

Email/password form with Google and GitHub sign-in buttons.

登录
输入您的邮箱和密码登录您的账户
或继续使用
忘记密码?

还没有账户? 注册

2

Login — Email Only

Simpler variant with only email/password fields.

登录
输入您的邮箱和密码登录您的账户
忘记密码?

还没有账户? 注册

3

Login — GitHub Only

Single-click sign-in flow via GitHub.

登录
输入您的邮箱和密码登录您的账户

还没有账户? 注册

4

Login — Google Only

Single-click sign-in flow via Google.

登录
输入您的邮箱和密码登录您的账户

还没有账户? 注册

5

Register

Account creation with name, email, password, and terms consent.

创建账户
输入您的信息创建账户

已有账户? 登录

Quick Usage

Login with Social

Toggle Google/GitHub buttons based on available providers.

Email-only Variant

Keep it simple for projects without OAuth.

Register Form

Collect user info and consent; wire to Supabase in app pages.