Awesome Emails Overview

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

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 jonathandion/awesome-emails · ⭐ 2.1K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

AWESOME EMAILS ✉ ✨

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

Table of Contents

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

Frameworks

React

• React Email - A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.
• Mailing - Build emails in React, send from anywhere.
• JSX-email - JSX Mail is an email framework that uses React to create email templates.

Misc

• MJML - MJML is a markup language designed to reduce the pain of coding a responsive email.
• Foundation for Emails (⭐7.7k) - 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

• Cerberusemail - Patterns for Responsive HTML Email Templates.
• Responsive templates - Free HTML templates from EmailOctopus, usable with any provider.
• Campaign (⭐644) - Compose responsive email templates easily, fill them with models, and send them out.
• Sendwithus - Open source email templates.
• Mailchimp Email Blueprints (⭐6.9k) - 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 (⭐6.8k) - Each template is responsive and each has been tested in all the popular email clients.
• Cerberus (⭐4.8k) - Few responsive email patterns.
• Antwort (⭐3.6k) - Antwort offers responsive layouts for Email that both fits and adapts to client widths.
• Responsive HTML Template (⭐687) - 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 (⭐287) - A Grunt template to create emails.
• Responsive Email Patterns - A collection of patterns & modules for responsive emails.
• Email boilerplate (⭐3.8k) - The email boilerplate for sending out nicely formatted messages.
• htmlemail - Responsive HTML email templates for startups & developers.
• Postmark Transactional Email Templates (⭐2.8k) - Rock-solid email templates for applications.
• Stripo - Rich set of responsive, interactive beautiful email templates with Stripo.
• Postcards - Design responsive email templates online without coding knowledge.
• Lee Munroe's Grunt Email Design (⭐3k) - A Grunt workflow for designing and testing responsive HTML email templates with SCSS.

Tools

• Can I Email - Can I email… Support tables for HTML and CSS in emails.
• Topol - Create stunning responsive HTML e-mails in a minute.
• MJML Desktop 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.
• email-verifier (⭐908) - A tool for email verification without sending any emails.
• DevMail - An email sandbox for software developers. Capture emails from your dev, staging, QA, or CI environment.
• Disposable Email Check API - A free API for checking if an email address is disposable. No sign up required.

Services

• EmailOctopus - Email marketing made easy.
• 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.
• Mailscribe Mailmaker - AI-powered email marketing platform that allows to design email with built-in components.
• 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 (⭐13k) - 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.
• Kickbox - Email verification service (check an email exists).
• Forward Email - The 100% open-source and privacy-focused email service.
• Campaign Cleaner - The Ultimate Tool for Optimized, High-Performance Email Campaigns.

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 (⭐3.9k) - Self-hosted email alias solution.

Articles

• My Wonderful HTML Email Workflow - My Wonderful HTML Email Workflow, using MJML and MDX for responsive emails.
• Email Design Workflow - An email design workflow by By Lee Munroe.
• Composing better emails - Tips for writing effective emails.
• Darylldoyle Gulp workflow (⭐166) - 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.

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

• EmailOctopus Blog
• 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 marketing regulations (⭐409) - A guide to email marketing regulations around the world.
• 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.
• Mailmodo- Mega Email Template Library, from where you can get the template for free or customize your own Email Templates

Inspirations

• Really good emails Codepen
• Really good emails - The Best Email Designs in the Universe.
• TidyMails -The Email Newsletters' 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 (⭐12k) 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!
• Mailsnag - Test email server for all of your SMTP needs - simulate delay and errors, preview and share emails, and more - all without sending emails to actual customers.
• Email Spam Tester - Free tool to check to see if your email will end up in the spam folder.

Learning

• Responsive HTML Email Design - Responsive email course by Justine Jordan and Jason Rodriguez.
• 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 (⭐2.1k).

Check Also

• Awesome JS Books (⭐58) - This is a curated list of all the best JavaScript books.
• Web Configs (⭐5) - Monorepo for all common configurations for building web apps.
• My Neovim Config (⭐52) - Small Neovim configuration written in Lua that is specifically designed for web development.

License