Form 2

Forms 5

About

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

Code

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

Usage.tsx

import { SubmitProjectForm } from "@/components/ui/form-2";
import { cn } from "@/lib/utils";

export default function DemoOne() {
return (
    <div className="relative flex min-h-screen w-full items-center justify-center p-4">
      {/* Radial spotlight */}
      <div
        aria-hidden="true"
        className={cn(
          "-top-1/2 -translate-x-1/2 pointer-events-none absolute left-1/2 h-[120vmin] w-[120vmin] rounded-full",
          "bg-[radial-gradient(ellipse_at_center,--theme(--color-foreground/.1),transparent_50%)]",
          "blur-[30px]"
        )}
      />
      <SubmitProjectForm />
    </div>
  );
}