# Centered login method picker with WebAuthn passkey sign-in and email reveal step

> Two-step sign-in: a centered method picker (Google, email, SAML SSO, passkey, backup code) that reveals an email field, with real WebAuthn passkey auth and toasts. Uses shadcn Button, Input, Field, Item and ReUI Alert. Login / auth page.

A paid shadcn/ui block sold by the [@reui](https://reui.io/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/reui/auth-17).

- Page, with a preview: https://shadcn.exchange/r/reui/auth-17
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/auth-17-light-1ddc5249c5f81d39.png
- Listed: 2026-10-13

## Buy and install

@reui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/reui/auth-17

## Dependencies

- npm packages: `cn`, `sonner`
- Registry items: `@reui/alert`, `button`, `field`, `input`, `item`