# Magic Link Card block

> Blueprint-framed passwordless sign-in card with magic-link email and customer trust logos

Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.

- Type: Pro block
- Category: [Auth](https://web.dev.reui.io/blocks/application/auth.md)
- Page: https://web.dev.reui.io/blocks/application/auth/auth-7
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/field.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/field.md
- MCP: `get_block("auth-7")`
- Built with: Button, Field, Input Group, Item
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

An always dark magic link card with dashed borders, plus sign corners and an 8 logo grid inside it

## Agent notes

- The `dark` class on the page.tsx wrapper locks this block to dark mode; remove it to follow your theme toggle
- Replace the 8 `AUTH7_TRUST_BRANDS` wordmarks that `TrustStrip` lays out in 4 columns under Shipping with teams at
- `NoiseTexture` in noise-texture.tsx is never rendered; delete the file or mount it inside `Backdrop`

## When not to use

- An emailed link sign-in on a plain Card that follows the light or dark theme: use [Invite-Only Sign-In](https://web.dev.reui.io/blocks/application/auth/auth-19.md) (`get_block("auth-19")`)
- A bare emailed link page with no card, dashed border or logo grid: use [Centered Magic Link](https://web.dev.reui.io/blocks/application/auth/auth-15.md) (`get_block("auth-15")`)

## Install

```bash
npx shadcn@latest add @reui/auth-7
```

## About Auth blocks

### When to use

- A full page sign-in screen by password, emailed magic link or passkey, with social provider buttons
- A free trial signup page that opens an account from a work email or a social provider
- A split login layout that pairs the sign-in with a testimonial, a customer logo wall or a photo panel

### When not to use

- A data entry page inside the product, such as intake, invites or sign-in method rules: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- Security options a signed in admin edits, such as session timeout and access toggles: use the [Settings blocks](https://web.dev.reui.io/blocks/application/settings.md)
- A newsletter or waitlist email capture band on a landing page: use the [CTA blocks](https://web.dev.reui.io/blocks/marketing/cta.md)

### Agent notes

- Each form's submit handler only calls `preventDefault`; call your auth backend from it
- The social and SSO provider buttons have no `onClick`; start your OAuth or SAML redirect from each
- Replace the `AuthLogo` mark in auth-logo.tsx with your own brand logo

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.