⚡ Instant Form Generation

Build Any Form in Seconds

Describe what you need in plain English. AI generates a fully styled, embed-ready HTML form — no coding required.

⚙️

Describe Your Form

Quick prompts
Contact form with name, email, phone, and message
Job application form with resume upload, experience level, and availability
Event registration with name, email, ticket type, and dietary requirements
Customer feedback form with star rating, category, and open comment
Lead capture with name, company, role, team size, and use case
Newsletter signup with name, email, and interest checkboxes
Mark required fields with asterisk
Add placeholder / helper text
Add inline validation (JS)
👁 Preview
💻 HTML Code
📋

Describe your form above and click Generate Form to see it rendered here.

💻

Generate a form first to see the embed code.

`; // Preview version (no outer html/head, same styles via style tag) const previewHTML = `

${title}

Fill in the form below and we'll get back to you.

${fields.map(f => { const labelStyle = `display:block;font-size:.82rem;font-weight:600;color:${isDark?'#ccc':'#374151'};margin-bottom:5px`; const inputStyle = `width:100%;border:1.5px solid ${isDark?'rgba(255,255,255,0.15)':'#d1d5db'};border-radius:6px;padding:9px 12px;font-size:.87rem;color:${isDark?'#e8e4dc':'#111'};background:${isDark?'#162544':'#fff'};font-family:inherit`; const req = showReq ? ' *' : ''; if(f.type==='textarea') return `
`; if(f.type==='select') return `
`; if(f.type==='radio') return `
${(f.options||[]).map(o=>``).join('')}
`; if(f.type==='rating') return `
★★★★★
`; if(f.type==='file') return `
`; if(f.type==='checkbox') return `
${(f.options||[]).map(o=>``).join('')}
`; return `
`; }).join('')}
`; return { previewHTML, codeHTML }; } function copyCode() { if(!currentFormHTML) return; navigator.clipboard.writeText(currentFormHTML).then(()=>{ const btn = document.getElementById('copyBtn'); btn.textContent = '✓ Copied!'; btn.classList.add('copied'); setTimeout(()=>{ btn.textContent = '📋 Copy HTML'; btn.classList.remove('copied'); }, 2000); }); } function downloadCode() { if(!currentFormHTML) return; const blob = new Blob([currentFormHTML], {type:'text/html'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'form.html'; a.click(); }