Auth Blocks

Full-height centered sign-in card with social buttons, a password show/hide toggle, and remember-me.

Two-column registration screen with a sign-up form on one side and a full-bleed photo with a customer quote on the other.

Full-height OTP screen with a 6-digit segmented code input, auto-advancing focus, and a live resend countdown.

Full-height password recovery screen with a single email field, a send-reset-link button, and a back-to-sign-in link.

Full-height reset-password screen with independent show/hide toggles per field and a live password-requirements checklist.

Full-height passwordless sign-in screen with an email field, a send-magic-link button, and social login as a fallback.

Full-height account picker listing saved accounts with avatars, plus a Use another account row.

Full-height re-authentication screen with the signed-in user's avatar and a single password field.

Two-column sign-in with a full form on one side and a brand highlight panel on the other.

Full-height biometric sign-in screen with an animated face-scan viewfinder.

Onboarding step with selectable account-type cards and a Continue button.

Full-height success screen confirming a verified email address.

Full-height centered registration card with social buttons, form fields, and a terms checkbox.

Full-height SSO sign-in screen with a work-email field and social fallback providers.

Sign in with a country code select paired next to a phone number field.

Accept a team invite, then set a name and password to finish account setup.

Post-logout screen confirming the session ended, with sign-back-in and home links.

Security notice for a new sign-in, with device/location/time details and two actions.

OAuth consent screen listing requested scopes with Authorize/Cancel actions.

Post-send magic-link confirmation with a live resend countdown.

Simple passwordless sign-in screen with a passkey button and password fallback.

Two-factor backup screen with a grid of single-use recovery codes, copy and download actions.

Lockout screen with a live mm:ss countdown before retry is allowed.

Profile-setup step with an avatar upload slot, display-name input, and bio textarea.

Username picker with a prefixed input and a live, typed-out availability check.

Plan-selection step with a monthly/annual toggle that recomputes each plan's price live.

Authentication-error screen with an optional error-code pill and three recovery actions.

Expired-link screen with a broken-link icon, a request-new-link action, and a way back to sign in.

A CLI-terminal-styled sign-in window with a prompt-style email field and a run-command action.

Numeric keypad lock screen with live PIN dots and a working 3x3+0 keypad.

Cross-device sign-in with a decorative QR-style pattern, a copyable fallback code, and a waiting indicator.

Two-column sign in with an oversized serif brand panel on one side and a plain email/password form on the other.

Three-step registration wizard with a numbered progress stepper and working Back/Continue navigation.

Progressive sign-in that reveals the password field only after the email step is confirmed.

Push-notification approval screen with a large number-to-match and a pulsing waiting indicator.

Full-height workspace picker with logo-initial tiles, member counts, and a create-workspace row.

Full-height web3 wallet-connect screen with a list of wallet providers and a detected badge.

Full-height 3x3 pattern-unlock screen with real click-to-connect dot state and drawn lines.

Full-height 2FA setup step with three selectable method cards, Skip and Continue actions.

Full-height account-security screen with three password fields, each with its own show/hide toggle.

Full-height destructive-confirmation screen gated by a typed confirmation word.

Full-height invite-only gate with a single prominent code-entry input.

Full-height waitlist-capture screen with an email field and a social-proof line.

Full-height loading screen shown while handing off to an identity provider.

CAPTCHA-style checkbox that runs through idle, verifying, and verified states.

Step-up re-authentication screen that re-asks for a password before a sensitive action.

12-box recovery-phrase grid with paste-to-fill and a completion-gated restore button.

Security-question setup with a native select, an answer field, and skip/continue buttons.

Two-column sign-in with a hairline-bordered form panel beside a photo panel and customer quote.