The account-creation screen: brand, social grid, name, work email and password fields with a live password strength meter, a terms note, and a sign-in switch line. Defaults to the centered layout; set variant="split" for the two-panel look.

Preview

Install

bun x bosia@latest add page auth/register

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

Usage

<script lang="ts">
	import Register from "$lib/pages/auth/register/page.svelte";
</script>

<Register />
<Register variant="split" />

Pass the variant prop (or change its default at the top of page.svelte) to switch between the centered card and the two-panel split — both are shown in the preview above. See the pages overview.

Backend

Visual only — no user creation or hashing. Pair with bosia-auth-flow for the server wiring.

Source

src/lib/pages/auth/register/page.svelte