Skip to main content
ParticleUI

Auth — Sign In

Sign-in form with email/password, Google/GitHub social buttons, and forgot password link.

Welcome back
Sign in to your account
or continue with email

Don't have an account? Sign up

Installation

1

Run the CLI

$npx particleui-cli add auth-sign-in

Usage

TSX
import { AuthSignIn } from "@/components/blocks/auth-sign-in"

export default function Page() {
  return <AuthSignIn />
}

Props

PropTypeDefaultRequired
headingstring"Welcome back"no
descriptionstring"Sign in to your account"no
onSubmit(values: { email: string; password: string }) => voidno
signUpHrefstring"/sign-up"no
forgotPasswordHrefstring"/forgot-password"no
showSocialbooleantrueno

Details

Source filecomponents/blocks/auth-sign-in.tsx
Typeblock
Categoriesauth, blocks
npm dependencies
Registry depsbutton, input, label, card, separator
Claude skill