toolbox/ai-email.html at main · 100millionusd/toolbox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Free AI Email Writer — Professional Email Templates</title>
  <meta name="description" content="Generate professional emails instantly. Templates for follow-ups, cold outreach, thank you, complaints, and more. Free online AI email writer.">
  <link rel="canonical" href="https://www.quicktools.mom/ai-email.html">
  <meta property="og:title" content="Free AI Email Writer"><meta property="og:type" content="website"><meta property="og:url" content="https://www.quicktools.mom/ai-email.html"><meta name="twitter:card" content="summary">
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Can I customize the email?","acceptedAnswer":{"@type":"Answer","text":"Yes! Fill in the fields and the email generates in real-time. Edit the output directly before copying."}},{"@type":"Question","name":"Is it free?","acceptedAnswer":{"@type":"Answer","text":"Yes, completely free. No signup, no word limits."}}]}</script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="page-wrapper">
    <header class="site-header"><a href="index.html" class="site-logo"><span class="icon">⚡</span> QuickTools</a><nav class="site-nav"><a href="index.html">All Tools</a></nav></header>
    <div class="ad-zone ad-zone-top">Ad Space</div>
    <div class="tool-header"><div class="tool-badge">🤖 AI Tools</div><h1>AI Email Writer</h1><p>Generate professional emails in seconds. Choose a template, fill in details, copy.</p></div>
    <div class="tool-card">
      <div class="controls-row">
        <div class="control-group"><label>Email Type</label><select id="type" onchange="gen()"><option value="followup">📧 Follow-Up</option><option value="cold">🎯 Cold Outreach</option><option value="thankyou">🙏 Thank You</option><option value="complaint">😤 Complaint</option><option value="apology">😔 Apology</option><option value="intro">👋 Introduction</option><option value="resign">📋 Resignation</option><option value="meeting">📅 Meeting Request</option></select></div>
        <div class="control-group"><label>Tone</label><select id="tone" onchange="gen()"><option value="professional">Professional</option><option value="friendly">Friendly</option><option value="formal">Formal</option></select></div>
      </div>
      <div class="controls-row mt-1">
        <div class="control-group"><label>Recipient Name</label><input type="text" id="recipient" value="Sarah" oninput="gen()"></div>
        <div class="control-group"><label>Your Name</label><input type="text" id="sender" value="Alex" oninput="gen()"></div>
        <div class="control-group"><label>Context / Topic</label><input type="text" id="context" value="the marketing proposal we discussed last week" oninput="gen()"></div>
      </div>
      <div class="controls-row mt-1">
        <div class="control-group"><label>Company (optional)</label><input type="text" id="company" value="Acme Corp" oninput="gen()"></div>
      </div>
    </div>
    <div class="tool-card">
      <div class="output-area"><span class="output-label">Subject Line</span><div id="subject" style="font-size:1rem;font-weight:600;margin-bottom:0.5rem;"></div></div>
      <div class="output-area mt-1"><span class="output-label">Email Body</span>
        <div id="body" contenteditable="true" style="font-size:0.9rem;line-height:1.8;white-space:pre-wrap;min-height:200px;"></div>
        <button class="copy-btn" onclick="navigator.clipboard.writeText(document.getElementById('subject').textContent+'\n\n'+document.getElementById('body').textContent).then(()=>{event.target.textContent='Copied!';setTimeout(()=>event.target.textContent='Copy',1500);})">Copy All</button>
      </div>
    </div>
        <div class="tool-card" style="max-width:720px;">
      <h2 style="font-size:1rem;margin-bottom:0.75rem;">📖 About AI Email Writer</h2>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);margin-bottom:0.75rem;">AI Email Writer is a free, browser-based tool designed for writers, marketers, students, and content creators. Generate professional emails instantly. Templates for follow-ups, cold outreach, thank you, complaints, and more. Free online AI email writer. Everything runs locally in your browser using JavaScript — no data is ever sent to a server, making it completely private and secure. The tool is designed to be intuitive and beginner-friendly while still offering advanced features for power users. It loads instantly with no installation required and works offline once loaded. Use it as often as you need — there are no daily limits, no watermarks, and no hidden fees.</p>
      <p style="font-size:0.85rem;line-height:1.7;color:var(--text-muted);margin-bottom:0.75rem;"><strong>Who is this for?</strong> AI Email Writer is ideal for professionals, students, freelancers, and hobbyists who want quick, reliable results without installing software or creating accounts. Whether you are on a laptop, tablet, or phone, it works seamlessly in any modern browser.</p>
      <h3 style="font-size:0.9rem;margin-bottom:0.5rem;">How to Use</h3>
      <ol style="font-size:0.85rem;color:var(--text-muted);line-height:1.7;padding-left:1.2rem;">
        <li>Enter or paste your data in the input area above.</li>
        <li>Adjust settings and options to match your needs.</li>
        <li>View the results instantly — they update in real-time.</li>
        <li>Copy, download, or share your output with one click.</li>
      </ol>
    </div>
    <div class="tool-card faq-section">
      <h2 style="font-size:1.1rem;margin-bottom:1rem;">❓ FAQ</h2>
      <details style="margin-bottom:0.75rem;border-bottom:1px solid var(--border);padding-bottom:0.75rem;"><summary style="font-weight:600;cursor:pointer;">Can I edit the email?</summary><p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">Yes! The email body is editable — click on it and make changes before copying.</p></details>
      <details style="margin-bottom:0.75rem;"><summary style="font-weight:600;cursor:pointer;">Is my data private?</summary><p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">100%. Everything runs locally in your browser. No data is stored or transmitted.</p></details>
    </div>
    <div class="ad-zone">Ad Space</div>
    <div class="related-tools"><h2>Related Tools</h2><div class="related-grid"><a href="ai-rewriter.html"><span class="tool-icon">✍️</span> Rewriter</a><a href="email-signature.html"><span class="tool-icon">✉️</span> Signature</a><a href="ai-summarizer.html"><span class="tool-icon">📝</span> Summarizer</a><a href="text-cleaner.html"><span class="tool-icon">🧹</span> Text Cleaner</a></div></div>
    <div class="ad-zone ad-zone-bottom">Ad Space</div>
    <footer class="site-footer"><p>&copy; 2026 QuickTools.</p><div class="footer-links"><a href="index.html">All Tools</a></div></footer>
  </div>
  <script>
    const greetings={professional:['Dear','Hello'],friendly:['Hi','Hey'],formal:['Dear','Esteemed']};
    const closings={professional:['Best regards','Kind regards','Sincerely'],friendly:['Cheers','Best','Talk soon'],formal:['Respectfully','With kind regards','Most sincerely']};
    const templates={
      followup:{subject:'Following up on {context}',body:'{greeting} {recipient},\n\nI hope this message finds you well. I wanted to follow up regarding {context}.\n\nI believe this is an important matter and would love to hear your thoughts when you have a moment. Please let me know if you need any additional information from my end.\n\nLooking forward to hearing from you.\n\n{closing},\n{sender}'},
      cold:{subject:'Quick question about {context}',body:'{greeting} {recipient},\n\nI came across {company} and was impressed by your work. I\'m reaching out because I think there\'s a great opportunity regarding {context}.\n\nI\'d love to schedule a brief 15-minute call to discuss how we might work together. Would any time this week work for you?\n\n{closing},\n{sender}'},
      thankyou:{subject:'Thank you — {context}',body:'{greeting} {recipient},\n\nI just wanted to take a moment to sincerely thank you for {context}. Your support and effort made a real difference.\n\nI truly appreciate your time and dedication. Please don\'t hesitate to reach out if there\'s anything I can do to return the favor.\n\nWith gratitude,\n{sender}'},
      complaint:{subject:'Issue regarding {context}',body:'{greeting} {recipient},\n\nI\'m writing to bring to your attention an issue I\'ve experienced regarding {context}.\n\nThis matter has caused considerable inconvenience, and I would appreciate your prompt attention to resolve it. I believe a fair resolution would benefit both parties.\n\nPlease let me know how you plan to address this situation. I look forward to your response within the next few business days.\n\n{closing},\n{sender}'},
      apology:{subject:'My sincere apologies — {context}',body:'{greeting} {recipient},\n\nI\'m writing to sincerely apologize for {context}. I understand this may have caused inconvenience, and I take full responsibility.\n\nI\'ve taken steps to ensure this doesn\'t happen again. Please let me know if there\'s anything I can do to make things right.\n\nThank you for your understanding and patience.\n\n{closing},\n{sender}'},
      intro:{subject:'Introduction — {sender} from {company}',body:'{greeting} {recipient},\n\nMy name is {sender} from {company}. I\'m reaching out to introduce myself and explore potential opportunities regarding {context}.\n\nI\'d love the chance to connect and learn more about your work. Would you be open to a brief conversation?\n\n{closing},\n{sender}'},
      resign:{subject:'Resignation Notice — {sender}',body:'{greeting} {recipient},\n\nAfter careful consideration, I am writing to formally notify you of my resignation from my position at {company}, effective two weeks from today.\n\nThis was not an easy decision. I am grateful for the opportunities and experiences I\'ve gained during my time here, particularly regarding {context}.\n\nI am committed to ensuring a smooth transition during my remaining time. Please let me know how I can help.\n\n{closing},\n{sender}'},
      meeting:{subject:'Meeting Request: {context}',body:'{greeting} {recipient},\n\nI\'d like to schedule a meeting to discuss {context}. I believe a focused conversation would help us move forward efficiently.\n\nAre any of the following times available for you?\n• [Time Option 1]\n• [Time Option 2]\n• [Time Option 3]\n\nThe meeting should take approximately 30 minutes. Please let me know what works best.\n\n{closing},\n{sender}'}
    };
    function gen(){
      const type=document.getElementById('type').value;const tone=document.getElementById('tone').value;
      const r=document.getElementById('recipient').value||'[Name]';const s=document.getElementById('sender').value||'[Your Name]';
      const ctx=document.getElementById('context').value||'[topic]';const co=document.getElementById('company').value||'[Company]';
      const g=greetings[tone][0];const c=closings[tone][0];
      const t=templates[type];
      const subject=t.subject.replace(/{context}/g,ctx).replace(/{sender}/g,s).replace(/{company}/g,co);
      const body=t.body.replace(/{greeting}/g,g).replace(/{recipient}/g,r).replace(/{sender}/g,s).replace(/{context}/g,ctx).replace(/{company}/g,co).replace(/{closing}/g,c);
      document.getElementById('subject').textContent=subject;document.getElementById('body').textContent=body;
    }
    gen();
  </script>
<script src="ads.js"></script>
</body>
</html>