# Centered sign-in card with Google and Apple buttons, password visibility toggle, and email login

> Login page with social sign-in (Google, Apple), an email or username field, and a show or hide password toggle, plus forgot-password and create-account links. Built on shadcn Card, Field, Input, InputGroup, Button, and Separator.

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-20).

- Page, with a preview: https://shadcn.exchange/r/reui/auth-20
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/auth-20-light-a69950b724596ad2.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-20

## Dependencies

- npm packages: `cn`
- Registry items: `button`, `card`, `field`, `input`, `input-group`, `item`, `separator`