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.
- Postcards - Design responsive email templates online without coding knowledge.
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.
- Reacher - Check if an email exists without sending any email. Written in Rust, 100% open-source.
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
- Email Design Blog - Articles, tutorial, inspiration for all email geeks.
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.
- 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.
Contribution
Suggestions and PRs are welcome! 🤙 If you want to contribute, please read the contribution guidelines.
More Awesome
- 📚 Awesome JS Books - This is a curated list of all the best Javascript books.