Form 3

Comprehensive account settings form with structured fields for name, email, password, and phone number, featuring icons, grouped inputs, and save actions.

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

import { SettingsForm } from "@/components/ui/form-3";

export default function DemoOne() {
 return (
    <div className="relative flex min-h-screen w-full justify-center px-4 py-10">
      <SettingsForm />
    </div>
  );
}