Components

Sign In

A Better Auth email/password sign-in card with TanStack Form validation and localized labels.

Install
Add this registry item to your app with shadcn.
bunx --bun shadcn@latest add https://krakstack.net/r/sign-in.json

Overview

sign-in provides a self-contained email/password sign-in card for Better Auth projects. It submits credentials through authClient.signIn.email(), displays form-level errors, and links to the sign-up route.

Features

  • Better Auth email/password sign-in
  • TanStack Form state and submit handling
  • Localized labels, descriptions, and errors
  • Card-based layout ready to drop into a route

Usage

import { SignIn } from "@/components/ui/sign-in";

<main className="grid min-h-screen place-items-center px-6 py-10">
  <SignIn />
</main>
Dependencies
Packages and shadcn components required by this registry item.

Dependencies

Registry Dependencies

Preview

Sign In Form
This preview renders the site-local Better Auth email/password sign-in component.
Sign in
Use your Krakstack Site account.

Need an account? Sign up