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.

Sign in
Enter your email and password to sign in to your account
Or continue with
Forgot password?

Don't have an account? Sign up

2

Login — Email Only

Simpler variant with only email/password fields.

Sign in
Enter your email and password to sign in to your account
Forgot password?

Don't have an account? Sign up

3

Login — GitHub Only

Single-click sign-in flow via GitHub.

Sign in
Enter your email and password to sign in to your account

Don't have an account? Sign up

4

Login — Google Only

Single-click sign-in flow via Google.

Sign in
Enter your email and password to sign in to your account

Don't have an account? Sign up

5

Register

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

Create an account
Enter your information to create your account

Already have an account? Sign in

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.