Sign up Form

Forms 19

About

A modern demo/template sign up form.

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

Code

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

Usage.tsx

import { AuthForm } from "@/components/ui/auth-form";

export function Demo() {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <div className="w-full max-w-md mx-auto mt-8 md:mt-0">
        <div className="p-4 rounded-xl border bg-card/50 backdrop-blur-sm shadow-lg p-8">
          <AuthForm />
        </div>
        <p className="text-xs text-center text-muted-foreground mt-6 px-4 relative z-10 pointer-events-auto">
          By signing up, you agree to our{" "}
          <a
            href="/terms"
            className="underline hover:text-foreground transition-colors relative z-10"
          >
            Terms of Service
          </a>{" "}
          and{" "}
          <a
            href="/privacy"
            className="underline hover:text-foreground transition-colors relative z-10"
          >
            Privacy Policy
          </a>
          .
        </p>
      </div>
    </div>
  );
};