awesome-emails.md

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

If you want to contribute, please read the contribution guidelines .

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. ^{★ 5609, pushed 126 days ago}
• 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. ^{★ 555, pushed 160 days ago}
• 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. ^{★ 5505, pushed 367 days ago}
• 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.) ^{★ 4610, pushed 203 days ago}
• Cerberus - Few responsive email patterns. ^{★ 1445, pushed 137 days ago}
• Antwort - Antwort offers responsive layouts for Email that both fits and adapts to client widths. ^{★ 2924, pushed 208 days ago}
• 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. ^{★ 333, pushed 428 days ago}
• Free Responsive template : Slate - Five pre-tested templates that work with any mailing service
• Grunt Email Boilerplate - A Grunt template to create emails. ^{★ 292, pushed 212 days ago}
• Responsive Email Patterns - A collection of patterns & modules for responsive emails.

Tools

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

Workflows

• Lee Munroe's Grunt Email Design - A Grunt workflow for designing and testing responsive HTML email templates with SCSS. ^{★ 2329, pushed 135 days ago}
• Darylldoyle Gulp workflow - Gulp Email Creator is a gulp workflow inspired by Lee Munroe's grunt-email-design workflow. ^{★ 97, pushed 453 days ago}
• Html Email Development Workflow - A Typical Email Development Workflow by Sitepoint.

Articles

• Email Design Workflow - An email design workflow by By Lee Munroe.

Design Patterns & Guides

• 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

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

• Email Copy - Email copy from great companies.

  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 / Research

• 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

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

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.

License