nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Login form
    • Newsletter form
    • Contact formPro
    • Multi-step formPro
    • Sign-up form
    • Feedback formPro
    • Card paymentPro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

© 2026 nex-ui. All rights reserved.

Components/Forms

Login formFree

Validation, a shake on error and a loading state.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx nex-ui add login-form

Usage

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

<LoginForm
  t={{ email: "Email", password: "Password", show: "Show", hide: "Hide", submit: "Sign in", success: "Signed in", errorEmail: "Enter an email like name@example.com.", errorPassword: "Use at least 8 characters.", again: "Try again" }}
/>
PreviousTag inputNextNewsletter form