Skip to main content

Authentication

7 pages

The way in: sign in, sign up, reset, verify. Real validation, real states, and no server call of their own.

Asks for the email and answers the same way whether or not the account exists; the confirmation names the address, the link's lifetime and the way back.

1 example

Sign in with email and password plus brand-neutral other ways in. Field errors after the first attempt, a revealable password, a pending button and the server's answer as an alert; hands the values to onSubmit and never calls a server itself.

4 examples

The sign-in form beside a brand panel painted with the primary pair. Container-query layout: the panel stands down when narrow.

1 example

Create an account: name, work email, a password with a strength meter that names the unmet rules, and explicit consent. Errors appear after the first attempt.

2 examples

Choose a new password: whose account, strength explained, the two entries compared, and an end state that says other sessions were signed out.

2 examples

Six digits in one InputOTP that submits itself when full, a resend that counts down, and a recovery-code way out.

3 examples

The waiting room after sign-up: which address, what to do, a counting-down resend and the way back for a mistyped address.

1 example