Components

<MagicLink />

A magic link sign-in form component that sends an email with a one-time login link, with optional social provider support.

Usage

import { MagicLink } from "@/components/auth/magic-link"

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

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

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

Installation

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

Props

Prop

Type

Last updated on

<ResetPassword />

A reset password form component that allows users to set a new password using a reset token from their email.

<Settings />

A comprehensive settings component with tabbed navigation for account and security views.

On this page