User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Emails

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

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Dec. 3, 2020, 9:08 a.m.

Thank you jonathandion & contributors
View Topic on GitHub:
jonathandion/awesome-emails

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Frameworks

Quickly create responsive HTML emails that work on any device and client. Even Outlook.

7.42K
1.04K
34d
MIT

MJML is a markup language designed to reduce the pain of coding a responsive email. :fire:

The HTML email framework developed to help you build responsive HTML email.

HEML is an open source markup language for building responsive email.

A responsive email framework based on a golden ratio typography grid.

A 12 column grid, responsive email framework.

Rapidly prototype HTML emails with Tailwind CSS and advanced, email-specific post-processing.

Cheatsheets

Rico's cheatsheet for HTML email

Templates

Compose responsive email templates easily, fill them with models, and send them out.

643
39
3y 7m
MIT

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails

6.76K
2.81K
6y 6m
n/a

Responsive transactional HTML email templates

6.55K
1.14K
5y 103d
MIT

A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.

4.08K
638
5m
MIT

Beautiful responsive email templates with code as beautiful as email templates can be

3.54K
796
3y 4m
MIT

Responsive HTML email template designed to work on all major email platforms and smartphones

655
517
3y 67d
MIT

A Grunt template to create emails

293
48
2y 6m
MIT

The email boilerplate for sending out nicely formatted messages.

3.67K
679
2y 6m
n/a

Rock-solid transactional email templates for applications.

1.95K
712
10d
MIT

Easily create beautiful, branded email marketing campaigns.

Responsive HTML email templates for Startups & SaaS.

Five pre-tested templates that work with any mailing service

A collection of patterns & modules for responsive emails.

Responsive HTML email templates for startups & developers.

Rich set of responsive, interactive beautiful email templates with Stripo.

Tools

Can I email… Support tables for HTML and CSS in emails.

Create stunning responsive HTML e-mails in a minute.

Framework that utilizes a semantic syntax and a rich standard components library, which allow users to easily create responsive emails. ![Open-Source Software][OSS Icon] ![Freeware][Freeware Icon]

Generates code for a Rollover Image that displays an alternative image when the email recipient hovers the cursor over the image.

Design gorgeous buttons using progressively enhanced VML and CSS.

Create rock-solid background images for your HTML email with some help from VML and CSS.

Online drag-n-drop and HTML email builder to create professional and responsive email templates fast without any HTML skills.

A free drag & drop builder helps you create email templates intuitively and very quickly.

Test How Your Email Subject Lines Appear On The Most Popular Mobile Devices.

Email analytics add-on for all email services that provides deep insights into all of your email campaigns (works with all ESPs).

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.

Never send an embarrassing subject line!

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.

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

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

Opposite of HTML Crush - a tool to beautify the indentation in HTML files. Works with mixed input sources, including your ESP templating tags.

Make mailto links that open email drafts with prefilled Recipients, Subject, Body and more.

Services

📨 A fully featured open source mail delivery platform for incoming & outgoing e-mail

10.12K
650
63d
MIT

MailChimp provides email marketing for more than 15 million people globally.

all-in-one Email Services Provider that allows businesses to send Marketing, Transaction Email and Email Automation.

Campaign Monitor makes it easy for you to create, send, and optimize your email marketing campaigns.

Delivering your transactional and marketing email through one reliable platform.

Your application’s emails: Delivered on time and to the inbox.

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.

Transactional Email API Service For Developers.

eSputnik is a marketing automation system trusted by more than 30 thousand loyal customers worldwide to send more than a billion emails every month.

Lightning fast delivery for your application emails. Postmark delivers your transactional email to customers on time, every time

Create free email aliases for your domain name.

Self-Hosted Services

The SimpleLogin back-end

778
77
2d
MIT

Easy to install open source mail server solution

Lets you become your own mail service provider in a few easy steps.

The mailserver suite with the 'moo'. An easy to use dockerized selfhosted email solution.

Self Hosted Newsletter App Built on Top of Nodemailer.

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.

A solution to quickly deploy and manage a complete email server, compatible with latest standards and optimized for delivery and reputation protection.

Complete mailserver built in one docker container.

Workflows

A Grunt workflow for designing and testing responsive HTML email templates with SCSS.

2.96K
343
97d
MIT

Gulp Email Creator

163
23
3y 4m
Apache-2.0

A Typical Email Development Workflow by Sitepoint.

Articles

Design

A complete breakdown of the CSS support for every popular mobile, web and desktop email client on the planet.

This guide is a brief summary of email best practices that we have learned from managing mail servers.

I looked at the navigation of 50 responsive retail emails. Here is a breakdown of the patterns I discovered.

Blogs

Copy

Email copy from great companies.

Resources

Hand-picked resources for email marketers and designers.

Super awesome resources from Mailchimp

Stay up to date with the latest email news and trends with Litmus resources.

Campaign Monitor resources will turn you into an expert in no time.

MailChimp Email Design Reference

Tutorial on how to build your own email server

Inspirations

The Best Email Designs in the Universe.

The most effective email marketing campaigns from Campaign Monitor.

Mailchimp beautiful newsletters examples.

Beautiful emails to help inspire your next email design.

Statistics

18 must-know stats for modern email marketers by Emma, Inc.

MailChimp's researchers are constantly analyzing data to help you make the most of your email campaigns.

2016 Report: Campaign Monitor 2016 Year in Review

Testing

Web and API based SMTP testing

7.37K
547
5m
MIT

Free tool to test your HTML emails before sending them!

Test and track your emails with Litmus

Test your design in all the different email client with Campaign Monitor.

Send email tests to Litmus with grunt

Send email tests to Litmus with gulp

A Fake SMTP Server to Test, View and Share emails without spamming real customers.

A fake SMTP server with unlimited mailboxes and a GraphQL API for automating end-to-end tests.

A local fake SMTP server (based on Ruby)

A tool to test your email client's priacy features (loading remote content)

Test the Spammyness of your Emails

Test your HTML email, ⚡4email, or text version before sending. Privacy-focused, no sign-up required!

Learning

Responsive email course by Justine Jordan and Jason Rodriguez.

MailChimp UX Designer Fabio Carneiro demonstrates how to build a full-featured, mobile-friendly email from scratch.

This series of tutorials will take you through the fundamentals, exploring development techniques, workflow and design approaches.

More Awesome

📚 🤓 - Awesome Javascript Books

35
8
1y 5m
n/a