Sign In Form

A sign in card with email and password fields validated on submit using TanStack 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 Form to your project and fits it to your theme.

import { TsfRecipes03 } from "@/components/ui/tsf-recipes-03";

export default function DemoTsfRecipes03() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6">
      <TsfRecipes03 />
    </div>
  );
}