gravnetic/awesome-emails

✉️ An awesome list of resources to build better emails.

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

Table of Contents

• Frameworks
• Templates
• Tools
• 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.

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.
• 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.

Tools

• 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 - Use rock-solid background images in your HTML email with some help from

VML and CSS.

• 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).

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.
• Formcarry - A form endpoint service with Zapier integration and file upload, no back-end skill required.
• Formspree - A form endpoint service, totally free it forwards incoming submissions to your email.

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.

Design

• CSS Support - A complete breakdown of the CSS support for every popular mobile, web and desktop email client on the planet.
• 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

Copy

• Email Copy - Email copy from great companies.
• greatemailcopy - A dose of well-crafted emails from around the web.

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

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
• SPAM mailtester - Test the Spammyness of your Emails

Learning

• Responsive HTML Email Design - Responsive email course by Justine Jand and Jason Rodriguez. They both work at Litmus.
• 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.

License