Components

<SignIn />

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

Usage

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

function RouteComponent() {
  return (
    <div className="flex flex-col p-4 md:p-6 my-auto items-center">
      <SignIn magicLink socialProviders={["github", "google"]} />
    </div>
  )
}

import { SignIn } from "@better-auth-ui/shadcn"

function RouteComponent() {
  return (
    <div className="flex flex-col p-4 md:p-6 my-auto items-center">
      <SignIn />
    </div>
  )
}

Installation

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

Props

Prop

Type

Last updated on

<Auth />

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

<SignUp />

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

On this page