Sign In

Sign-in

About

A sign-in card form with email and password fields validated on submit using React Hook Form and Zod.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Sign In to your project and fits it to your theme.

Code

How Sign In is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { RhfRecipes03 } from "@/components/ui/rhf-recipes-03";
import { Toaster } from "sonner";

export default function Default() {
  return (
    <div className="flex min-h-svh items-center justify-center p-6">
      <RhfRecipes03 />
      <Toaster />
    </div>
  );
}