FormLoom

FormLoom + Replit Agent

Prompt + llms.txt

Replit Agent builds apps from a prompt. Tell it to use FormLoom for form handling.

1. Just ask

Type a prompt like:

Create a landing page with a contact form wired to FormLoom.

What you get back

Replit Agent calls get_snippet + provision_endpoint and writes framework-correct code with a live access key — it works on first run:

app/contact/page.tsx
// app/contact/page.tsx — Next.js 15 App Router, Server Action
export default function ContactPage() {
  async function submit(formData: FormData) {
    "use server";
    const res = await fetch("https://formloom.vercel.app/api/submit/fl_provisioned_key", {
      method: "POST",
      headers: { "Content-Type": "application/json", Accept: "application/json" },
      body: JSON.stringify(Object.fromEntries(formData)),
    });
    // FormLoom scores spam, stores the row, and emails you — no backend to wire.
    return res.json();
  }

  return (
    <form action={submit}>
      <label>
        Name
        <input type="text" name="name" required />
      </label>
      <label>
        Email
        <input type="email" name="email" required />
      </label>
      <label>
        Message
        <textarea name="message" required placeholder="How can we help?"></textarea>
      </label>
      <!-- honeypot: bots fill this, humans don't see it -->
      <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off" />
      <button type="submit">Send</button>
    </form>
  );
}

Steps

  1. 1Prompt Replit Agent to add a FormLoom form.
  2. 2It generates the markup and fetch call to the FormLoom endpoint.
  3. 3Add your access key and run.

FAQ

Yes — prompt it to submit the form to FormLoom; no backend to provision on Replit.
Add a form with Replit Agent in one prompt — FormLoom MCP · FormLoom