Responsive Html Email Template
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Mjml | 15,102 |  | 318 | 288 | 2 days ago | 153 | July 08, 2022 | 73 | mit | JavaScript |
| MJML: the only framework that makes responsive-email easy | ||||||||||
| Responsive Html Email Template | 12,032 | 3 months ago | 1 | March 19, 2021 | 10 | mit | HTML | |||
| A free simple responsive HTML email template | ||||||||||
| Cerberus | 4,673 | 23 days ago | 1 | August 06, 2018 | 10 | mit | HTML | |||
| A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail. | ||||||||||
| Heml | 4,175 |  | 30 | 8 | 3 years ago | 9 | November 30, 2017 | 60 | mit | JavaScript |
| HEML is an open source markup language for building responsive email. | ||||||||||
| Email Templates | 3,498 |  | 1,317 | 226 | 2 months ago | 130 | July 22, 2022 | mit | JavaScript | |
| Create, preview (browser/iOS Simulator), and send custom email templates for Node.js. Made for @forwardemail, @ladjs, @cabinjs, @spamscanner, and @breejs. | ||||||||||
| Grunt Email Workflow | 3,030 | 4 months ago | 12 | mit | CSS | |||||
| A Grunt workflow for designing and testing responsive HTML email templates with SCSS. | ||||||||||
| Hermes | 2,374 | 8 | 13 | a year ago | 6 | September 02, 2018 | 29 | apache-2.0 | Go | |
| Golang package that generates clean, responsive HTML e-mails for sending transactional mail | ||||||||||
| Awesome Emails | 1,942 | 6 days ago | 1 | |||||||
| ✉️ An awesome list of resources to build better emails. | ||||||||||
| Mosaico | 1,573 | 1 | a month ago | 11 | June 22, 2022 | 19 | gpl-3.0 | HTML | ||
| Mosaico - Responsive Email Template Editor | ||||||||||
| Email Framework | 1,448 | 5 years ago | 5 | HTML | ||||||
| Responsive HTML Email Framework | ||||||||||
Free Responsive HTML Email Template
Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here it is.
Inline your CSS before sending
Email is notorious for inconsistent CSS support. Therefore you should always inline your CSS and send a test to yourself before sending.
Sending emails directly from your codebase or using a developer service?
For an API service (like Mailgun, SendGrid, Postmark) you need to inline the CSS before sending. See email-inlined.html for an example.
You can use this Email CSS Inliner and then send a test email to yourself to verify it works as expected.
- Copy all of email.html
- Paste the HTML as the source into the inliner
- Copy the HTML output and use this as the email template you send
Sending emails using a marketing service like Mailchimp?
Use the template email.html as is. They'll put the CSS inline for you when you put together your campaign.
Images in email
When inserting images remember to include the following attributes or risk them breaking in different clients:
srcaltwidthheightborder
Example:
<img src="https://absolute-path-to-image.jpg" alt="Useful alt text" width="500" height="300" border="0" style="border:0; outline:none; text-decoration:none; display:block;">
Tried and tested on all major email clients
Tested on mobile, desktop and web.
More HTML email resources
- 10 HTML Email Templates for Developers
- An Introduction To Building And Sending HTML Email
- Grunt Email Design Workflow
- Everything Web Developers Need To Know About Transactional Email
- Manage and Send Email Templates To Yourself
This free template is part of a pack of responsive email templates for developers and startups available on HTML Email.
