Email Templates
7 free responsive HTML email templates (welcome, verification, password reset, order confirmation, receipt, newsletter and sale emails) that work in Gmail, Outlook and Apple Mail, with dark mode built in. Edit them in your browser, then copy the HTML, download a ZIP or fork it into My Code.
Welcome Email
v1.0.0 · Responsive · Dark mode
Verify Email Address
v1.0.0 · Responsive · Dark mode
Password Reset Email
v1.0.0 · Responsive · Dark mode
Order Confirmation Email
v1.0.0 · Responsive · Dark mode
Payment Receipt Email
v1.0.0 · Responsive · Dark mode
Newsletter Email
v1.0.0 · Responsive · Dark mode
Black Friday Sale Email
v1.0.0 · Responsive · Dark mode
HTML Email Templates — Free, Responsive, Outlook-Safe
Gmail · Outlook · Apple Mail · Dark mode · Copy HTML or fork to My Code
What's included
Features
Browse by category
Email Templates for Every Stage of the Customer Journey
Welcome & Onboarding email templates: Welcome emails and onboarding steps that turn sign-ups into active users. Includes Welcome Email.
Transactional email templates: Receipts, password resets, verifications and shipping updates. Includes Verify Email Address, Password Reset Email, Order Confirmation Email, Payment Receipt Email.
Marketing email templates: Newsletters, launches, sales and event invitations. Includes Newsletter Email, Black Friday Sale Email.
About these templates
Free HTML Email Templates That Work in Real Inboxes
Most "free email templates" look great in a browser and break in Outlook. These are built the hard way, the way email actually requires: nested tables, inline styles, role="presentation" on layout tables, a fixed 600 px container wrapped in Outlook-only conditional comments, VML buttons for Outlook on Windows, and media queries for phones and dark mode.
One library for every email you send. Start with a welcome email for new sign-ups, send email verification and password reset emails from your app, confirm purchases with an order confirmation and a payment receipt, and keep customers engaged with a newsletter and a Black Friday sale email. They share the same structure, so your emails look consistent.
Edit without touching code. Every template exposes its content as fields: subject, preheader, headline, copy, button text and link, images, line items, social links and footer. Whole sections can be switched on and off. Change the brand colour, light and dark palettes, and heading and body fonts (with safe fallbacks).
Check before you send. The editor shows desktop, mobile and dark-mode previews, and counts your subject and preheader length as you type. Live checks warn about Gmail's 102 KB clipping limit, images that aren't hosted online, missing alt text, placeholder links, and, for marketing emails, the unsubscribe link and postal address required by US CAN-SPAM.
Take the code anywhere. Copy the HTML into Mailchimp, Klaviyo, HubSpot, Brevo, Campaign Monitor or your own sending code, download a .html file, copy the plain-text version, or fork it into My Code to keep editing the markup. Designing social images too? Try Social Post Templates.
How it’s different
How These Email Templates Are Different
Step by step
How to Use
- 1Pick a templateOpen a template from the gallery. Your edits are saved in your browser as you go.
- 2Write the emailFill in the subject, preheader, headline, copy and button. Switch sections on or off and paste in your logo and image URLs.
- 3Style itSet the brand colour and the light and dark palettes, and choose heading and body fonts.
- 4Preview and checkSwitch between desktop, mobile and dark mode, and fix anything the pre-send checks flag.
- 5ExportCopy the HTML into your email service, download it, copy the plain-text version, or fork it into My Code.
Got questions?
Frequently Asked Questions
Email clients render HTML very differently from browsers. Outlook for Windows uses Microsoft Word's engine and ignores flexbox, grid and most modern CSS, and Gmail removes many styles. Reliable email HTML uses nested tables for layout, inline styles, absolute image URLs and Outlook-only fixes. Every template here is built that way.
Yes. They use a table layout, inline styles, a 600 px container with Outlook conditional comments, a VML "bulletproof" button for Outlook and an Arial override so Outlook doesn't fall back to Times New Roman. They are also kept well under Gmail's 102 KB clipping limit, and the editor warns you if you go over.
Edit the template, open the HTML tab and click "Copy", and paste it into your platform's custom-HTML or "code your own" editor. Swap the unsubscribe link and the first name for your platform's merge tags. You can also send it from your own code (for example with Nodemailer, Resend, SendGrid or Amazon SES), using the plain-text version as the text part.
Yes. Each template has editable light and dark palettes. Apple Mail, iOS Mail and Outlook.com use your dark colours, and the editor has a dark-mode preview so you can check contrast before sending.
It saves an editable copy of the email in My Code, the UI Snippets code editor, with the markup in the HTML panel and the email's CSS in the CSS panel. Use it to customise the code further and keep your own versions.
Yes, for personal and commercial use, with no account and no watermark. Everything runs in your browser and your edits are saved locally.