Email & Social Login Card
Centred sign-in card with social providers, a password reveal toggle and the autoComplete values password managers actually need.
All blocksProduct
Authentication
9 blocks in this category, each rendered live below. Open any of them for the full source and a copy button.
A block is one finished section of a page — a pricing table, a hero, a footer.
Split Signup With Proof
Registration form beside a testimonial panel, with live password rules and a proof column that drops rather than stacks on mobile.
One-Time Code Input
Six-box OTP entry that handles paste, backspace, arrow keys and iOS SMS autofill — the parts hand-rolled versions always miss.
Password Reset Request
Reset-link request with a sent state worded to avoid leaking whether an account exists.
New Password With Strength Meter
Set-a-new-password form with a four-step strength meter, confirm matching and errors announced rather than only coloured.
Two-Factor Challenge
Authenticator-code prompt with a backup-code escape hatch and an opt-in trusted-device checkbox that is off by default.
Email-First SSO Sign-In
Email first, then whatever that domain uses. The password field is absent rather than disabled when SSO is enforced, the button names the company it redirects to, and a personal address is a normal answer instead of an error.
Magic Link Sign In
Passwordless sign-in that says what will land in the inbox and how long it lasts, before the address is typed.
Enterprise SSO Split
What SSO actually covers, written for the person who has to configure it rather than the person who asked for it.