Generate responsive HTML email templates with table-based layouts compatible with all major email clients.
<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"></head> <body style="margin:0;padding:0;background:#f4f4f4;font-family:Arial,sans-serif;"> <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f4;padding:20px 0;"> <tr><td align="center"> <table width="600" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:8px;overflow:hidden;"> <tr><td style="background:#4F46E5;padding:30px;text-align:center;"> <h1 style="color:#ffffff;margin:0;font-size:24px;">Welcome to Acme Inc! 🎉</h1> </td></tr> <tr><td style="padding:30px;"> <p style="color:#333;font-size:16px;line-height:1.6;">Hi John,</p> <p style="color:#555;font-size:16px;line-height:1.6;">We're excited to have you on board! Your account is ready and waiting.</p> <table cellpadding="0" cellspacing="0" style="margin:20px auto;"><tr><td style="background:#4F46E5;border-radius:6px;"> <a href="https://example.com/dashboard" style="display:inline-block;padding:14px 28px;color:#ffffff;text-decoration:none;font-size:16px;font-weight:bold;">Get Started</a> </td></tr></table> <p style="color:#777;font-size:14px;">If the button doesn't work, copy and paste this link: <a href="https://example.com/dashboard" style="color:#4F46E5;">https://example.com/dashboard</a></p> </td></tr> <tr><td style="background:#f9f9f9;padding:20px;text-align:center;"> <p style="color:#999;font-size:12px;margin:0;">© 2026 Acme Inc. All rights reserved.</p> </td></tr> </table> </td></tr> </table> </body> </html>
Email templates use table-based layouts with inline CSS for maximum compatibility with Gmail, Outlook, Apple Mail, and Yahoo Mail. Rendering may vary by email client version.
A webpage can rely on flexbox, grid and modern CSS — but email clients render with engines frozen years in the past (Outlook on Windows even uses Word to draw HTML). So the industry-standard, bulletproof approach is what this generator outputs: a table-based layout where each section is a <table> row, every style is applied inline on the element, and a fixed 600px table centered in a full-width wrapper handles responsive scaling. Your field values are HTML-escaped before interpolation so typed quotes, ampersands and angle brackets can't break the markup or inject unexpected tags — the same reason the code avoids CSS position, flex and JavaScript entirely.
Every client reliably understands nested tables and inline styles. The outer 100% table centers the white 600px card; header, body and footer are rows inside it; the button is a padded cell containing a plain link — no flexbox, no floats, no JS.
Nina, a growth marketer, needs a '50% Off' promotional email that renders correctly for every subscriber — including the large Outlook-on-Windows segment that ignores flexbox entirely.
Generate HTML email templates that work in Gmail, Outlook, and beyond. Free, no signup, responsive designs, copy & paste.
This generator produces Gmail- and Outlook-compatible HTML email templates for the five messages every business sends: welcome, promotional, notification, newsletter, and password reset. Pick a template, set your brand colors, logo, and copy, and the tool emits table-based HTML with inline CSS — the obsolete-but-mandatory architecture that makes email render correctly in 2026 clients, which strip style tags and ignore modern CSS. Live preview shows desktop and mobile widths; the copy-ready output pastes into Gmail's HTML insert, Outlook, or any ESP editor without breaking.
Small businesses send professional campaigns without a designer or an agency retainer. Developers bootstrap transactional emails — password resets, notifications — with responsive, client-tested markup instead of starting from a blank file. Marketers prototype layouts for stakeholders before committing to ESP templates. Nonprofits produce donation appeals and newsletters on zero budget. Anyone who has fought Outlook's rendering engine and lost gets templates already structured to survive it.
(1) Choose the template type matching your message goal — each ships with proven section structure: hero, body, CTA, footer. (2) Customize: brand colors, logo image URL, headline and body copy, button labels and links. (3) Preview at desktop and mobile widths — the layout reflows via media-query-tolerant structures and fluid tables. (4) Copy the HTML for your ESP or Gmail compose-with-HTML workflow, or download the file. Output uses nested tables and inline styles throughout, so nothing depends on the head styles clients discard.
Because email clients froze in 2008. Outlook renders with Microsoft Word's engine, which ignores flexbox, grid, and even basic CSS the web relies on; Gmail strips <style> blocks in many contexts; and every client applies its own rules for what survives. The only reliably universal toolkit is what worked fifteen years ago: nested tables for layout, inline style attributes on every element, spacer GIFs where margins fail, and absolute-width images with alt text. Modern practice is a disciplined subset of old technique — 600px design width, single-column or simple two-column stacking on mobile, bulletproof buttons built from table cells rather than image maps, and web-safe fonts with system fallbacks. Testing discipline completes the job: Litmus-style screenshots across Gmail app, Apple Mail, and Outlook desktop catch what theory misses. This generator ships exactly that battle-tested architecture, which is the entire point: you should not have to know why it works for it to work.
Yes. Templates use table-based layouts, inline CSS, and MSO conditional comments specifically for Outlook 2007-2021 rendering (which uses the Word engine, not a browser). They also pass Litmus-style checks for Gmail (which strips <style> blocks), Apple Mail, and Yahoo. Width is fixed at 600px—the industry standard for email clients.
Choose from transactional (receipts, password resets), marketing (newsletters, promotions), and notification (alerts, updates) templates. Each includes a preheader text, responsive mobile breakpoints (stacking columns below 480px), dark-mode color overrides, and alt-text placeholders. Output is a single HTML file under 100KB to avoid Gmail's 102KB clipping threshold.
What do you call a crab that plays baseball?
No paywalls, no signups, no data sold. Built by a solo developer who believes useful tools should be accessible to everyone.
☕Support me on Ko-fi— keep tools free100% of proceeds go towards hosting & building more free tools.