Responsive Html Email Template

A free simple responsive HTML email template
Alternatives To Responsive Html Email Template
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Mjml15,1023182882 days ago153July 08, 202273mitJavaScript
MJML: the only framework that makes responsive-email easy
Responsive Html Email Template12,032
3 months ago1March 19, 202110mitHTML
A free simple responsive HTML email template
23 days ago1August 06, 201810mitHTML
A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
Heml4,1753083 years ago9November 30, 201760mitJavaScript
HEML is an open source markup language for building responsive email.
Email Templates3,4981,3172262 months ago130July 22, 2022mitJavaScript
Create, preview (browser/iOS Simulator), and send custom email templates for Node.js. Made for @forwardemail, @ladjs, @cabinjs, @spamscanner, and @breejs.
Grunt Email Workflow3,030
4 months ago12mitCSS
A Grunt workflow for designing and testing responsive HTML email templates with SCSS.
Hermes2,374813a year ago6September 02, 201829apache-2.0Go
Golang package that generates clean, responsive HTML e-mails for sending transactional mail
Awesome Emails1,942
6 days ago1
✉️ An awesome list of resources to build better emails.
1a month ago11June 22, 202219gpl-3.0HTML
Mosaico - Responsive Email Template Editor
Email Framework1,448
5 years ago5HTML
Responsive HTML Email Framework
Alternatives To Responsive Html Email Template
Select To Compare

Alternative Project Comparisons

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.

See live preview.

Simple HTML Email

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:

  • src
  • alt
  • width
  • height
  • border


<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;">

More information here

Tried and tested on all major email clients

Tested on mobile, desktop and web.

Templates Tested on Email Clients

See the Litmus test results.

More HTML email resources

This free template is part of a pack of responsive email templates for developers and startups available on HTML Email. image

Popular Email Projects
Popular Responsive Projects
Popular Messaging Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Email Template
Html Emails
Email Marketing