Login Form

A clean, responsive login form with social auth buttons.

Preview

Welcome Back

Enter your credentials to access your account

Or continue with
Forgot password?

Installation & Usage

tsx
import { LoginForm } from "@/components/ui/login-form"

export function LoginFormDemo() {
  return (
    <div className="flex justify-center p-10 w-full max-w-md mx-auto">
      <div className="bg-white dark:bg-zinc-950 p-6 rounded-xl border border-zinc-200 dark:border-zinc-800 w-full shadow-sm">
         <h2 className="text-xl font-bold mb-6 text-center">Welcome Back</h2>
         <LoginForm />
      </div>
    </div>
  )
}