Components

<SignIn />

A complete sign-in form component with email/password, magic link, and social provider support.

Usage

Need to create an account? Sign Up

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

export function SignInDemo() {
  return <SignIn />
}

The password starts masked. Its localized show/hide button changes only the field presentation, so the submitted password value stays unchanged.

npx shadcn@latest registry add @better-auth-ui=https://better-auth-ui.com/r/{style}/{name}.json

npx shadcn@latest add @better-auth-ui/sign-in

Last updated on

A dynamic authentication component that renders the appropriate auth view based on the current path or explicit view prop.

A complete sign-up form component with name, email, password fields, optional magic link, and social provider support.