Signup Wizard — Step-by-Step Flow

3 steps for email signup, 2 steps for social signup

Step 1: Account Creation

Email Signup — Step 1 of 3
Create your account
Choose how you'd like to sign up
or use email
Weak — add uppercase, number, special char
Already have an account? Sign in

Step 2: Email Verification (OTP)

Email Signup — Step 2 of 3
Verify your email
We sent a 6-digit code to user@example.com
4
7
_
_
_
_
Resend code in 4:23
← Back to signup

Step 3: Passkey Setup (Optional)

Email Signup — Step 3 of 3 (Optional)
🔑
Set up a passkey
Sign in faster with biometrics or your device's security key. No password needed.
✓ Faster sign-in with fingerprint or face
✓ More secure than passwords
✓ Works across your devices

Social Signup Flow (2 steps)

Step 1: User clicks Google/Discord → OAuth redirect → authenticated
Step 2: Passkey setup (optional, same as Step 3 above) → Done

OTP step is skipped — email is already verified by the OAuth provider.

Password Strength Meter — States

Weak — add 8+ chars, uppercase, number, special char
Fair — add a special character and more length
Strong — great password!