Centered login cards and split testimonial panes with OAuth providers and strength meters.
7 blocks, live at full size, install from here
01 / 07|Centered card · providers · password-input
Centered login card with monogram, email + password (using the password-input component), remember-me, divider and GitHub / Google providers.
npx shadcn@latest add https://hirael.com/r/login-01.json02 / 07|Split · testimonial pane · strength meter
Two-pane login: form on the left, dark testimonial panel with quote and metrics on the right. Uses the strength-meter variant of password-input.
npx shadcn@latest add https://hirael.com/r/login-02.json03 / 07|Centered card · strength meter · providers
Centered signup card with monogram, name + email, strength-meter password-input, terms checkbox, divider and GitHub / Google providers. Validates inline on submit.
npx shadcn@latest add https://hirael.com/r/signup-01.json04 / 07|Centered card · inbox state · resend link
Centered reset-request card: email with inline validation and a pending submit, swapping to a check-your-inbox state that echoes the address with resend and back-to-sign-in links.
npx shadcn@latest add https://hirael.com/r/forgot-password-01.json05 / 07|Six-box code · 30s resend · success state
Centered verification card with a six-box code input built in the block: auto-advance, backspace, paste distribution and arrow-key focus, plus a 30s resend countdown and a pending → success verify flow.
npx shadcn@latest add https://hirael.com/r/otp-verify-01.json06 / 07|Split layout · animated paths · GitHub sign-in
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.
npx shadcn@latest add https://hirael.com/r/login-03.json07 / 07|QR + secret · six-digit verify · recovery codes
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.
npx shadcn@latest add https://hirael.com/r/two-factor-setup-01.json