01 / 09Centered card, passkey, inline errors
Login 01
Centered sign-in: logo and heading above a card with email, password and an inline forgot-password link, a passkey option, an alert for failed attempts and a create-account line below.
Auth.
Login and sign-up screens: centered cards and split panes with OAuth buttons, a password strength meter and real form fields to wire to your auth provider.
9 blocks, live at full size, install from here
02 / 09Split, providers first, testimonial pane
Login 02
Split login with a testimonial pane. The form leads with Google and GitHub, then email and password with an inline forgot link and an alert for failed attempts. The pane holds a quote and two results over a world map drawn in the foreground token.
03 / 09Split layout, animated paths, GitHub sign-in
Login 03
Split-screen sign-in: a decorative animated-paths aside with a brand mark and a short quote, paired with a clean GitHub-only sign-in pane. A back-to-home link, mobile-collapsing layout, and token-based radial glows behind the form.
04 / 09Email first, then password, wide card
Login 04
Identifier-first sign-in in one wide card: heading on one side, fields on the other. Email first, then password, with an account chip to switch back and a hidden username field so password managers fill the right account.
05 / 09Stacked providers, magic link, passkey
Login 05
Provider-first sign-in: stacked Continue with GitHub, Google and Apple buttons, plus email and passkey options. Email sends a magic link and swaps to a check-your-email state.
06 / 09Providers first, strength meter, verify state
Sign Up 01
Centered signup card: GitHub and Google first, then name, email and a password with a strength meter and hint. Terms sit under the card as plain text, and submitting swaps to a check-your-email state.
07 / 09Email field, sent state, resend link
Forgot Password 01
Centered reset request: one email field with inline validation, then a check-your-email state that echoes the address, links back to sign in and offers a resend.
08 / 09Six-digit code, 30s resend, verified state
OTP Verify 01
Centered verification card built on InputOTP: six slots that fit a phone screen, paste support, auto-verify on the last digit, a 30s resend countdown and a verified state.
09 / 09QR + secret, six-digit verify, recovery codes
Two-Factor Setup 01
Three-step 2FA enrollment card: scan a real otpauth QR or copy the key, confirm a six-digit code, then save recovery codes with copy, download and a checkbox-gated finish. Ships composable parts.