BETTER-AUTH. UI
Components

<SignIn />

Renders a Solid sign-in form with email/password, username-aware, and provider button support.

Usage

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

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

Installation

npx shadcn@latest add https://better-auth-ui.com/r/solid/sign-in.json

After install, src/components/auth/sign-in.tsx and the copied sign-in files are app-owned. Register plugins such as Username or Magic Link in AuthProvider when you want them to alter the sign-in flow.

Props

Prop

Type

Last updated on

<Auth />

Renders the Solid auth component for the current path or explicit view.

<SignUp />

Renders a Solid sign-up form with name, email, password, additional fields, and provider button support.

On this page

UsageInstallationProps