30 Free Responsive Email and Newsletter Templates

By on Web Design

With almost 50% of all emails being opened on a mobile device, and with that percentage expected to rise rapidly over the next few years, the importance of using a responsive template for your email marketing campaigns has never been higher.

As you will probably already know, designing simple cross-client HTML emails is difficult (looking at you Outlook!) in itself. But designing emails that work well across all email clients and also work on all of the various mobile phones and tablets currently available, is even harder. Much harder.

Thankfully there are a bunch of designers and developers out there that have done most of the work for you, by creating a collection of easy to edit and free responsive email templates that work across all clients and are readable on any device. We have split the templates into two categories, ‘Bare-Bones’ and ‘Pre-Designed’, here they are:

Book Your SmashingConf New York Tickets Now!
Get $100 discount off SmashingConf New York tickets with promo code SmashinglovesSpeckyboy


Pre-Designed Responsive Email Templates

Booster – Responsive Creative Business Email with Envato Elements subscription

Booster is a responsive creative business email builder. It’s compatible with MailChimp, Campaign Monitor, SendGrid and much more

Download here: Booster – Responsive Creative Business Email.

Moka – Responsive Email and Newsletter Template with Envato Elements subscription

Send responsive email with this gorgeous email builder that outputs to HTML, CSS and has plenty of PSD’s for you to work with to get started.

Download here: Moka – Responsive Email and Newsletter Template.

Destiny – Responsive Email + Themebuilder Access with Envato Elements subscription

Destiny comes out of the box with an awesome builder with unlimited layouts. Compatible with all the great platforms including MailChimp

Download here: Destiny – Responsive Email + Themebuilder Access.

Litmus Responsive Email Templates (7 Templates)

Litmus have realeased a bundle of seven pre-designed responsive email templates that been thoroughly ‘Litmus-tested’. They also come with the PSD source files.

 responsive email template free predesigned

Green Village HTML Template

Green Village is a minimal and pre-designed email template that is suitable for multiple purposes. The download package includes both layered PSDs and the HTML source.

Green Village HTML Template responsive email free predesigned

Responsive Email Template from Email on Acid

Released by Email on Acid, this pre-designed template offers three "layouts" which trigger based on the width of the screen. By default, it supports 1-3 columns and as you trigger each media query conditional statement, it converts to a one a column layout for mobile devices.

Responsive Email Template from Email on Acid free predesigned

Rigo – Responsive Email and Newsletter Template with Envato Elements subscription

Send your best emails ever with Rigo, a responsive email template builder

Download here: Rigo – Responsive Email and Newsletter Template.

Space – Responsive Email Template + Online Builder with Envato Elements subscription

Space is a themed email template constructor that comes out-of-the-box with plenty of pre-built layouts

Download here: Space – Responsive Email Template + Online Builder.

Recruiter – Responsive Recruitment Email + Builder with Envato Elements subscription

Working in HR? If that’s the case, you need to get your hands on this repsonsive email builder, specifically built for your industry.

Download here: Recruiter – Responsive Recruitment Email + Builder.

Basic Responsive Email Template from Derek Punslan

 responsive email template free predesigned

Simple Responsive HTML Email

Based on a Tuts+ tutorial, this simple pre-designed responsive HTML email uses minimal media queries and a fluid width approach to ensure maximum compatibility.

Simple Responsive HTML Email free predesigned

Responsive & Flat Newsletter Template

 responsive Flat Newsletter template free predesigned

Responsive Email Template by Marco Lopes (Includes PSDs)

Responsive Email Template by Marco Lopes free predesigned

Presenter – Responsive Email Template with Envato Elements subscription

Presenter works wonders if you have an email campaign that needs to pop visually. Compatible with Mailchimp etc.

Download here: Presenter – Responsive Email Template.

Shop – eCommerce Responsive Email Template with Envato Elements subscription

Shop is built with eCommerce in mind and has all of the key features you’ll be looking for, if your intent is to push sales to your store. Compatibility includes MailChimp, Campaign Monitor, FreshMail, iContact, StampReady

Download here: Shop – eCommerce Responsive Email Template.

Bare-Bones Responsive Email Templates

Responsive Email Blueprints from MailChimp (6 Templates)

MailChimp have released a collection of six bare-bones responsive templates, entitled Email Blueprints, that can be used as a solid foundation and starting point for designing email newsletters. They do include some MailChimp specific template language elements, but they can be easily removed if you are not a MailChimp user.

Responsive Email Blueprints from MailChimp template free barebones

Responsive Email Blueprints from MailChimp template free barebones

Ink – A Responsive Email Framework (4 Templates)

Ink is a responsive email framework from ZURB that includes a 12-column grid and some simple UI elements for rapid email prototyping. Ink also has four responsive email templates available, with each template already having Ink included in a style tag at the top of the file.

Ink - A Responsive Email Framework template free barebones

Ink - A Responsive Email Framework template free barebones

Ink - A Responsive Email Framework template free barebones

Antwort Responsive Email Layout Templates (2 Templates)

Antwort offers minimal and bulletproof responsive layouts for email, with extensive documentation, that both fits and adapts to client widths. The templates work perfectly on mobile (Mail on iOS and Email on Android), and also works in all major dektop clients. It even works in Outlook (2000+).

Antwort Responsive Email Layout Templates barebones

Antwort Responsive Email Layout Templates barebones

Salted, A Responsive Email Template from Jason Rodriguez

Salted, based on the code that Litmus uses for their own email newsletters, is a template that offers a simple base for building responsive HTML emails.

responsive Salted email template free barebones

A Table-Based (but Responsive) Email Template

This template has been based on the Email Blueprints (see above) from MailChimp and the Email Boilerplate from Sean Powell. It is a responsive table-based email template that already includes MailChimp merge tags (these can be removed if you don't need them).

 responsive email Table-Based free barebones

Respmail Responsive Email Template

Respmail is an improved version of MailChimps Email Blueprints, with more row options, re-defined structure and many fixes for Outlook, Yahoo, Hotmail, Gmail… It has been tested and thoroughly reviewed for compatibility and is very easy to customize and make changes.

 responsive email template free barebones

rwdemail

Based on ZURB’s Ink templates (above), rwdemail is a project that allows you to automate everything, from SASS precomiling, CSS Inlining, CSS/HTML and image minification, S3 image hosting and Litmus email testing. With the help of INK templates and its CSS boilerplate, designing emails of any kind is a breeze.

Future-Proof Responsive Email Template Without Media Queries

What if you could build an email template that was responsive, even in environments with the poorest support for modern CSS? The method is called the fluid hybrid method, sometimes referred to as the spongy method of email development. Grab the template here.

responsive_no_media_queries

Further Newsletter Design Resources

  • Responsive Email Patterns – A Collection of Patterns & Modules for Responsive Emails.
  • Cerberus – Solid Patterns for Responsive HTML Emails.
  • Really Good Emails – The Best Email Designs in the Universe.
  • Responsive Email Resources – A Collection of Tools & Resources for Responsive Email Design.

If you’re looking for free HTML5 templates, check out this post: 50 Free Responsive HTML5 Web Templates.

Comments