Auth Login
The sign-in surface: a LoginForm card (email, password, remember me, forgot-password link, social sign-in, sign-up prompt) plus two page-level wrappers — a split-screen AuthLayout with a brand panel, and a single centred AuthCenteredLayout card. Purely visual — wire onSubmit and onSocialSignIn to your own auth.
bunx shadcn@latest add @nx-ui/auth-loginLoginForm
The card on its own, with the default Nexus ReGen lockup and all three social providers.
Log in to your account
Welcome back — please enter your details.
Don’t have an account?
Validation state
Field-level errors surface under each input via aria-invalid + FieldError.
Log in to your account
Welcome back — please enter your details.
Don’t have an account?
AuthLayout — split screen
Form left, brand panel right with a radial glow backdrop and a testimonial slot. Resize the window below lg to see the panel collapse.
Log in to your account
Welcome back — please enter your details.
Don’t have an account?
AuthCenteredLayout
A single centred card on a muted backdrop — the lighter-weight alternative to the split screen.
Log in to your account
Welcome back — please enter your details.
Don’t have an account?
API reference
Exported parts and their props, extracted from the component source.