Registry UIteam shadcn registry library
Back to components
Form

Login Form

A complete sign-in form composed from Card, Field, Input, Separator, and Button.

Preview
This is the same source that shadcn installs from the generated JSON.
Sign in
Use your workspace email to continue.

Keep this form as source code and adapt it per project.

or

New team? Request access from your administrator.

Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/login-form.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/login-form/login-form.tsx
Registry dependencies
buttoncardfieldinputseparator
NPM dependencies
lucide-react
View source