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.
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.
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.
A responsive email framework based on a golden ratio typography grid.
Rapidly prototype HTML emails with Tailwind CSS and advanced, email-specific post-processing.
Cheatsheets
Templates
Compose responsive email templates easily, fill them with models, and send them out.
Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails
Responsive transactional HTML email templates
A few simple, but solid patterns for responsive HTML email templates and newsletters. Even in Outlook and Gmail.
Beautiful responsive email templates with code as beautiful as email templates can be
Responsive HTML email template designed to work on all major email platforms and smartphones
A Grunt template to create emails
The email boilerplate for sending out nicely formatted messages.
Rock-solid transactional email templates for applications.
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.
Rich set of responsive, interactive beautiful email templates with Stripo.
Tools
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.
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
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.
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.
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
Self-Hosted Services
The SimpleLogin back-end
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.
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.
Workflows
A Grunt workflow for designing and testing responsive HTML email templates with SCSS.
Gulp Email Creator
A Typical Email Development Workflow by Sitepoint.
Articles
An email design workflow by By Lee Munroe.
Tips for writing effective emails
Design
A complete breakdown of the CSS support for every popular mobile, web and desktop email client on the planet.
Using a modular email template system
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
Design and content production in email marketing
Copy
Resources
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.
Tutorial on how to build your own email server
Inspirations
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.
2015 Report: The new rules of email marketing
2016 Report: Campaign Monitor 2016 Year in Review
Testing
Web and API based SMTP testing
Test your design in all the different email client with Campaign Monitor.
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 tool to test your email client's priacy features (loading remote content)
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.
Building Responsive Email Templates with Ink.
More Awesome
📚 🤓 - Awesome Javascript Books