Pages — Auth Magic Link

Confirmation screen after a passwordless or reset email — check your inbox.

The "we sent you a link" screen: a mail badge, the destination email, a success message, a resend link and a back-to-sign-in button. Covers both magic-link and reset-sent flows. Defaults to the centered layout; set variant="split" for the two-panel look.

Preview

Centered (default)

Magic link sent

We sent a sign-in link to [email protected]. It expires in 15 minutes.

Check your inbox — the link signs you in instantly.

Didn't get it? Resend

Split (variant="split")

Bosia

One identity across web, mobile and the CLI — secure by default.

Trusted by teams shipping faster every day.

Magic link sent

We sent a sign-in link to [email protected]. It expires in 15 minutes.

Check your inbox — the link signs you in instantly.

Didn't get it? Resend

Install

bun x bosia@latest add page auth/magic-link

Installs page.svelte plus every auth block it composes. Pulls @lucide/svelte for icons.

Usage

<script lang="ts">
	import MagicLink from "$lib/pages/auth/magic-link/page.svelte";
</script>

<MagicLink />
<MagicLink variant="split" />

Both layouts are shown in the preview above; pass variant="split" (or change its default in page.svelte) to use the two-panel split.

Backend

Visual only — no link generation or delivery. Pair with bosia-auth-flow for the server wiring.

Source

src/lib/pages/auth/magic-link/page.svelte