A collection of awesome frameworks, templates, tools, workflows and many more to build better emails.

Table of Contents

• Frameworks
• Cheatsheets
• Templates
• Tools
• Services
• Self-Hosted Services
• Workflows
• Articles
• Inspirations
• Statistics
• Design
• Testing
• Learning

Frameworks

• MJML – MJML is a markup language designed to reduce the pain of coding a responsive email. 🔥
• Foundation for Emails – Quickly create responsive HTML emails that work on any device & client. Even Outlook.
• Email Framework – The HTML email framework developed to help you build responsive HTML email.
• HEML – HEML is an open source markup language for building responsive email.
• Acorn – A responsive email framework based on a golden ratio typography grid.
• Pine – A 12 column grid, responsive email framework.
• Maizzle – Rapidly prototype HTML emails with Tailwind CSS and advanced, email-specific post-processing.

Cheatsheets

• Rico’s cheatsheet – Rico’s cheatsheet for HTML email

Templates

• Campaign – Compose responsive email templates easily, fill them with models, and send them out.
• Sendwithus – Open Source Email Templates
• Mailchimp Email Blueprints – Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails.
• Campaign Monitor Templates – Easily create beautiful, branded email marketing campaigns.
• Responsive Transactional HTML Email Templates (Each template is responsive and each has been tested in all the popular email clients.)
• Cerberus – Few responsive email patterns.
• Antwort – Antwort offers responsive layouts for Email that both fits and adapts to client widths.
• Responsive HTML Template – This template is designed to work on all major email platforms and it is built with media query, making it responsive for smartphones that supports media query.
• HTML Email Templates – Responsive HTML email templates for Startups & SaaS.
• Free Responsive template : Slate – Five pre-tested templates that work with any mailing service
• Grunt Email Boilerplate – A Grunt template to create emails.
• Responsive Email Patterns – A collection of patterns & modules for responsive emails.
• Email boilerplate – The email boilerplate for sending out nicely formatted messages.
• htmlemail – Responsive HTML email templates for startups & developers.
• Postmark Transactional Email Templates – Rock-solid email templates for applications.
• Stripo.email – Rich set of responsive, interactive beautiful email templates with Stripo.

Tools

• caniemail – Can I email… Support tables for HTML and CSS in emails.
• Topol – Create stunning responsive HTML e-mails in a minute.
• MJML App – MJML official desktop app.
• Rollover – Generates code for a Rollover Image that displays an alternative image when the email recipient hovers the cursor over the image.
• Bulletproof Email Buttons – Design gorgeous buttons using progressively enhanced VML and CSS.
• Bulletproof Background Images – Create rock-solid background images for your HTML email with some help from VML and CSS.
• Stripo.email – Online drag-n-drop and HTML email builder to create professional and responsive email templates fast without any HTML skills.
• MySigMail Card – A free drag & drop builder helps you create email templates intuitively and very quickly.
• TestSubject – Test How Your Email Subject Lines Appear On The Most Popular Mobile Devices.
• mailspice analytics – Email analytics add-on for all email services that provides deep insights into all of your email campaigns (works with all ESPs).
• Alter.email – A free tool to help you inline CSS, remove unused CSS, clean up your text, add extra attributes to tags, add URL tracking parameters, minify, and even prettify HTML email.
• Sensitive Subjects – Never send an embarrassing subject line!
• Detergent – A tool to prepare the text for pasting into HTML: removes invisible Unicode characters (like ETX which can come from PSD files), encodes special characters (like turning £ into £) and improves typography.
• EmailComb – Email-friendly unused CSS removal tool which does not parse and thus accepts mixed sources, including your ESP templating tags. Extras: CSS uglification and HTML/CSS minification (powered by HTML Crush).
• HTML Crush – Email-friendly HTML minifier: limits lines to 500 chars. (best practice), respects Outlook conditional tags and accepts mixed sources, including ESP templating tags. Optionally, can only remove indentations (not touching line breaks).
• Tabifier – Opposite of HTML Crush – a tool to beautify the indentation in HTML files. Works with mixed input sources, including your ESP templating tags.
• Email Link Builder – Make mailto links that open email drafts with prefilled Recipients, Subject, Body and more.

Services

• Mailchimp – MailChimp provides email marketing for more than 15 million people globally.
• Mailjet – all-in-one Email Services Provider that allows businesses to send Marketing, Transaction Email and Email Automation.
• Campaign monitor – Campaign Monitor makes it easy for you to create, send, and optimize your email marketing campaigns.
• Sendgrid – Delivering your transactional and marketing email through one reliable platform.
• Postal – A fully featured open source mail delivery platform for incoming & outgoing e-mail.
• SparkPost – Your application’s emails: Delivered on time and to the inbox.
• Mautic – Mautic Marketing Automation. Build smarter campaigns – and build them faster – with marketing automation that’s quick to learn, simple to use, and easy to iterate.
• Mailgun – Transactional Email API Service For Developers.
• eSputnik – eSputnik is a marketing automation system trusted by more than 30 thousand loyal customers worldwide to send more than a billion emails every month.
• Postmark – Lightning fast delivery for your application emails. Postmark delivers your transactional email to customers on time, every time
• ImprovMX – Create free email aliases for your domain name.

Self-Hosted Services

• iRedMail – Easy to install open source mail server solution
• Mail-in-a-box – Lets you become your own mail service provider in a few easy steps.
• mailcow – The mailserver suite with the ‘moo’. An easy to use dockerized selfhosted email solution.
• Mailtrain – Self Hosted Newsletter App Built on Top of Nodemailer.
• Mautic – Mautic Marketing Automation. Build smarter campaigns – and build them faster – with marketing automation that’s quick to learn, simple to use, and easy to iterate.
• Modoboa – A solution to quickly deploy and manage a complete email server, compatible with latest standards and optimized for delivery and reputation protection.
• Poste.io – Complete mailserver built in one docker container.
• SimpleLogin – Self-hosted email alias solution.

Workflows

• Lee Munroe’s Grunt Email Design – A Grunt workflow for designing and testing responsive HTML email templates with SCSS.
• Darylldoyle Gulp workflow – Gulp Email Creator is a gulp workflow inspired by Lee Munroe’s grunt-email-design workflow.
• Html Email Development Workflow – A Typical Email Development Workflow by Sitepoint.

Articles

• Email Design Workflow – An email design workflow by By Lee Munroe.
• Composing better emails – Tips for writing effective emails

Design

• CSS Support – A complete breakdown of the CSS support for every popular mobile, web and desktop email client on the planet.
• Email Template Guide – Using a modular email template system
• Mail Servers Best Pratices – This guide is a brief summary of email best practices that we have learned from managing mail servers.
• Stylecampaign – I looked at the navigation of 50 responsive retail emails. Here is a breakdown of the patterns I discovered.

Blogs

• Litmus Blog
• Stylecampaign Blog
• Myemma Blog
• Postmarkapp Blog
• Spently Blog
• Emailmonks Blog
• Stripo.email Blog – Email Marketing & Email Design Blog.
• HTML Email Blog
• Build Better Blog – Design and content production in email marketing

Copy

• Email Copy – Email copy from great companies.

Resources

• Email toolbox – Hand-picked resources for email marketers and designers.
• Mailchimp – Super awesome resources from Mailchimp
• Litmus Resources – Stay up to date with the latest email news and trends with Litmus resources.
• Campaign Monitor Resources – Campaign Monitor resources will turn you into an expert in no time.
• Campaign Monitor Dev Resources
• Mailchimp – MailChimp Email Design Reference
• Arstechnica – Tutorial on how to build your own email server

Inspirations

• Really good emails Codepen
• Really good emails – The Best Email Designs in the Universe.
• Milled
• The Top Email Campaigns -The most effective email marketing campaigns from Campaign Monitor.
• Mailchimp Inspiration – Mailchimp beautiful newsletters examples.
• Htmlemaildesigns – Beautiful emails to help inspire your next email design.

Statistics

• Myemma Email Stats – 18 must-know stats for modern email marketers by Emma, Inc.
• Mailchimp Research – MailChimp’s researchers are constantly analyzing data to help you make the most of your email campaigns.
• Campaign Monitor 2015 Report – 2015 Report: The new rules of email marketing
• Campaign Monitor 2016 Report – 2016 Report: Campaign Monitor 2016 Year in Review

Testing

• PutsMail – Free tool to test your HTML emails before sending them!
• Litmus – Test and track your emails with Litmus
• Campaign Monitor – Test your design in all the different email client with Campaign Monitor.
• Grunt Litmus – Send email tests to Litmus with grunt
• Gulp Litmus – Send email tests to Litmus with gulp
• MailTrap – A Fake SMTP Server to Test, View and Share emails without spamming real customers.
• testmail.app – A fake SMTP server with unlimited mailboxes and a GraphQL API for automating end-to-end tests.
• MailHog A local fake SMTP server (based on Go)
• MailCatcher A local fake SMTP server (based on Ruby)
• Email Privacy Tester – A tool to test your email client’s priacy features (loading remote content)
• Mail Tester – Test the Spammyness of your Emails
• Sendtest.email – Test your HTML email, ⚡4email, or text version before sending. Privacy-focused, no sign-up required!

Learning

• Responsive HTML Email Design – Responsive email course by Justine Jordan and Jason Rodriguez.
• HTML Email Design – MailChimp UX Designer Fabio Carneiro demonstrates how to build a full-featured, mobile-friendly email from scratch.
• Mastering HTML Email – This series of tutorials will take you through the fundamentals, exploring development techniques, workflow and design approaches.
• Building Responsive Email Templates with Ink – Building Responsive Email Templates with Ink.
• Litmus learning – Litmus learning resources.