- Email and OAuth sign-in — magic link, email OTP, password, and passkey methods alongside Google, GitHub, Discord, Apple, and Spotify.
- OTP entry flow — six-digit code input shown after the user requests an email OTP.
- Magic-link confirmation — confirmation card shown after a magic-link email is dispatched.
- WebAuthn passkeys — register, list, and revoke FIDO2 credentials with conditional-UI autofill on the email field.
- OAuth provider linking — connect and disconnect social providers from an existing account.
See the full feature description in the auth doc, plus per-provider setup guides: Google, GitHub, Apple, Discord, and Spotify.
SignIn
Sign-in card supporting password, magic link, email OTP, passkeys, and OAuth providers. Toggle methods and simulate loading and error states.
Standard sign-in form.
Sign in to your account
Or
OtpEntryCard
Six-digit OTP input shown after email OTP is requested. Handles verify and resend flows.
Waiting for the user to enter a code.
Enter verification code
Didn't receive a code?
MailConfirmationCard
Shown after a magic-link email is dispatched. Optionally displays the recipient address and a retry link.
Shows recipient address and retry link.
Check your inbox
We sent a confirmation email to ada@example.com. Click the link inside to finish signing in.
Didn't receive it? Check your spam folder or .
Passkeys
Lists registered WebAuthn passkeys and allows registering new ones. Demonstrates loading, empty, populated, and registration states.
Fetching passkeys from server.
Passkeys let you sign in with your device's biometrics or a security key, without a password.
Loading…
LinkedAccounts
Shows linked and unlinked OAuth providers. Demonstrates the connecting spinner and connection error.
Some providers linked, some not.
Connect existing accounts to use them for sign-in.
This is your only sign-in method. Connect another provider before disconnecting.