466 lines
23 KiB
HTML
466 lines
23 KiB
HTML
<h1 align="center">
|
||
AWESOME EMAILS ✉ ✨
|
||
</h1>
|
||
<h4 align="center">
|
||
A collection of awesome frameworks, templates, tools, workflows and many
|
||
more to build better emails.
|
||
</h4>
|
||
<p align="center" style="text-align: center;">
|
||
<a href="https://awesome.re"><img src="https://awesome.re/badge.svg" alt="Awesome"></a>
|
||
<a href="https://twitter.com/@0xjdion"><img src="https://img.shields.io/twitter/url/https/twitter.com/blueaquilae.svg?style=social&label=Follow%20%400xjdion" alt="Jonathan Dion Twitter"></a>
|
||
</p>
|
||
<h3 id="table-of-contents">Table of Contents</h3>
|
||
<ul>
|
||
<li><a href="#frameworks">Frameworks</a>
|
||
<ul>
|
||
<li><a href="#react">React</a></li>
|
||
<li><a href="#misc">Misc</a></li>
|
||
</ul></li>
|
||
<li><a href="#cheatsheets">Cheatsheets</a></li>
|
||
<li><a href="#templates">Templates</a></li>
|
||
<li><a href="#tools">Tools</a></li>
|
||
<li><a href="#services">Services</a></li>
|
||
<li><a href="#self-hosted-services">Self-Hosted Services</a></li>
|
||
<li><a href="#articles">Articles</a></li>
|
||
<li><a href="#inspirations">Inspirations</a></li>
|
||
<li><a href="#statistics">Statistics</a></li>
|
||
<li><a href="#design">Design</a></li>
|
||
<li><a href="#testing">Testing</a></li>
|
||
<li><a href="#learning">Learning</a></li>
|
||
</ul>
|
||
<h2 id="frameworks">Frameworks</h2>
|
||
<h3 id="react">React</h3>
|
||
<ul>
|
||
<li><a href="https://react.email/">React Email</a> - A collection of
|
||
high-quality, unstyled components for creating beautiful emails using
|
||
React and TypeScript.</li>
|
||
<li><a href="https://www.mailing.run/">Mailing</a> - Build emails in
|
||
React, send from anywhere.</li>
|
||
<li><a href="https://jsx.email/">JSX-email</a> - JSX Mail is an email
|
||
framework that uses React to create email templates.</li>
|
||
</ul>
|
||
<h3 id="misc">Misc</h3>
|
||
<ul>
|
||
<li><a href="https://mjml.io">MJML</a> - MJML is a markup language
|
||
designed to reduce the pain of coding a responsive email.</li>
|
||
<li><a href="https://github.com/zurb/foundation-emails">Foundation for
|
||
Emails</a> - Quickly create responsive HTML emails that work on any
|
||
device & client. Even Outlook.</li>
|
||
<li><a href="http://emailframe.work/">Email Framework</a> - The HTML
|
||
email framework developed to help you build responsive HTML email.</li>
|
||
<li><a href="https://heml.io">HEML</a> - HEML is an open source markup
|
||
language for building responsive email.</li>
|
||
<li><a href="https://docs.thememountain.com/acorn/">Acorn</a> - A
|
||
responsive email framework based on a golden ratio typography grid.</li>
|
||
<li><a href="https://docs.thememountain.com/pine/">Pine</a> - A 12
|
||
column grid, responsive email framework.</li>
|
||
<li><a href="https://maizzle.com">Maizzle</a> - Quickly build HTML
|
||
emails with Tailwind CSS.</li>
|
||
</ul>
|
||
<h2 id="cheatsheets">Cheatsheets</h2>
|
||
<ul>
|
||
<li><a href="https://devhints.io/html-email">Rico’s cheatsheet</a> -
|
||
Rico’s cheatsheet for HTML email.</li>
|
||
</ul>
|
||
<h2 id="templates">Templates</h2>
|
||
<ul>
|
||
<li><a href="https://www.cerberusemail.com/">Cerberusemail</a> -
|
||
Patterns for Responsive HTML Email Templates.</li>
|
||
<li><a href="https://templates.emailoctopus.com/">Responsive
|
||
templates</a> - Free HTML templates from EmailOctopus, usable with any
|
||
provider.</li>
|
||
<li><a href="https://github.com/bevacqua/campaign">Campaign</a> -
|
||
Compose responsive email templates easily, fill them with models, and
|
||
send them out.</li>
|
||
<li><a
|
||
href="https://www.sendwithus.com/resources/templates">Sendwithus</a> -
|
||
Open source email templates.</li>
|
||
<li><a href="https://github.com/mailchimp/Email-Blueprints">Mailchimp
|
||
Email Blueprints</a> - Email Blueprints is a collection of HTML email
|
||
templates that can serve as a solid foundation and starting point for
|
||
the design of emails.</li>
|
||
<li><a href="https://www.campaignmonitor.com/email-templates/">Campaign
|
||
Monitor Templates</a> - Easily create beautiful, branded email marketing
|
||
campaigns.</li>
|
||
<li><a
|
||
href="https://github.com/mailgun/transactional-email-templates">Responsive
|
||
Transactional HTML Email Templates</a> - Each template is responsive and
|
||
each has been tested in all the popular email clients.</li>
|
||
<li><a href="https://github.com/TedGoas/Cerberus">Cerberus</a> - Few
|
||
responsive email patterns.</li>
|
||
<li><a href="https://github.com/internations/antwort">Antwort</a> -
|
||
Antwort offers responsive layouts for Email that both fits and adapts to
|
||
client widths.</li>
|
||
<li><a
|
||
href="https://github.com/charlesmudy/responsive-html-email-template">Responsive
|
||
HTML Template</a> - 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.</li>
|
||
<li><a href="https://www.htmlemailtemplates.net/">HTML Email
|
||
Templates</a> - Responsive HTML email templates for Startups &
|
||
SaaS.</li>
|
||
<li><a
|
||
href="https://litmus.com/resources/free-responsive-email-templates/">Free
|
||
Responsive template : Slate</a> - Five pre-tested templates that work
|
||
with any mailing service.</li>
|
||
<li><a
|
||
href="https://github.com/dwightjack/grunt-email-boilerplate">Grunt Email
|
||
Boilerplate</a> - A Grunt template to create emails.</li>
|
||
<li><a href="http://responsiveemailpatterns.com/">Responsive Email
|
||
Patterns</a> - A collection of patterns & modules for responsive
|
||
emails.</li>
|
||
<li><a href="https://github.com/seanpowell/Email-Boilerplate">Email
|
||
boilerplate</a> - The email boilerplate for sending out nicely formatted
|
||
messages.</li>
|
||
<li><a href="https://htmlemail.io/">htmlemail</a> - Responsive HTML
|
||
email templates for startups & developers.</li>
|
||
<li><a href="https://github.com/wildbit/postmark-templates">Postmark
|
||
Transactional Email Templates</a> - Rock-solid email templates for
|
||
applications.</li>
|
||
<li><a href="https://stripo.email/templates/">Stripo</a> - Rich set of
|
||
responsive, interactive beautiful email templates with Stripo.</li>
|
||
<li><a href="https://designmodo.com/postcards/">Postcards</a> - Design
|
||
responsive email templates online without coding knowledge.</li>
|
||
<li><a href="https://github.com/leemunroe/grunt-email-workflow">Lee
|
||
Munroe’s Grunt Email Design</a> - A Grunt workflow for designing and
|
||
testing responsive HTML email templates with SCSS.</li>
|
||
</ul>
|
||
<h2 id="tools">Tools</h2>
|
||
<ul>
|
||
<li><a href="https://www.caniemail.com/">Can I Email</a> - Can I email…
|
||
Support tables for HTML and CSS in emails.</li>
|
||
<li><a href="https://topol.io/">Topol</a> - Create stunning responsive
|
||
HTML e-mails in a minute.</li>
|
||
<li><a href="https://mjmlio.github.io/mjml-app/">MJML Desktop App</a> -
|
||
MJML official desktop app.</li>
|
||
<li><a href="http://freshinbox.com/tools/rollover/">Rollover</a> -
|
||
Generates code for a Rollover Image that displays an alternative image
|
||
when the email recipient hovers the cursor over the image.</li>
|
||
<li><a href="http://buttons.cm/">Bulletproof Email Buttons</a> - Design
|
||
gorgeous buttons using progressively enhanced VML and CSS.</li>
|
||
<li><a href="http://backgrounds.cm/">Bulletproof Background Images</a> -
|
||
Create rock-solid background images for your HTML email with some help
|
||
from VML and CSS.</li>
|
||
<li><a href="https://stripo.email/">Stripo.email</a> - Online
|
||
drag-n-drop and HTML email builder to create professional and responsive
|
||
email templates fast without any HTML skills.</li>
|
||
<li><a href="https://mysigmail.com/card/">MySigMail Card</a> - A free
|
||
drag & drop builder helps you create email templates intuitively and
|
||
very quickly.</li>
|
||
<li><a href="http://zurb.com/playground/testsubject">TestSubject</a> -
|
||
Test How Your Email Subject Lines Appear On The Most Popular Mobile
|
||
Devices.</li>
|
||
<li><a href="https://mailspice.com">MailSpice analytics</a> - Email
|
||
analytics add-on for all email services that provides deep insights into
|
||
all of your email campaigns (works with all ESPs).</li>
|
||
<li><a href="https://alter.email/">Alter.email</a> - 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.</li>
|
||
<li><a href="https://sensitivesubjects.com/">Sensitive Subjects</a> -
|
||
Never send an embarrassing subject line!</li>
|
||
<li><a href="https://detergent.io">Detergent</a> - A tool to prepare the
|
||
text for pasting into HTML: removes invisible Unicode characters (like
|
||
<a
|
||
href="https://www.fileformat.info/info/unicode/char/0003/index.htm">ETX</a>
|
||
which can come from PSD files), encodes special characters (like turning
|
||
£ into <code>&pound;</code>) and improves typography.</li>
|
||
<li><a href="http://emailcomb.com/">EmailComb</a> - 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).</li>
|
||
<li><a href="https://htmlcrush.com/">HTML Crush</a> - 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).</li>
|
||
<li><a href="https://tools.arantius.com/tabifier">Tabifier</a> -
|
||
Opposite of HTML Crush - a tool to beautify the indentation in HTML
|
||
files. Works with mixed input sources, including your ESP templating
|
||
tags.</li>
|
||
<li><a href="https://email-link-builder.samcarlton.com/">Email Link
|
||
Builder</a> - Make mailto links that open email drafts with prefilled
|
||
Recipients, Subject, Body and more.</li>
|
||
<li><a
|
||
href="https://github.com/AfterShip/email-verifier">email-verifier</a> -
|
||
A tool for email verification without sending any emails.</li>
|
||
<li><a href="https://devmail.email/">DevMail</a> - An email sandbox for
|
||
software developers. Capture emails from your dev, staging, QA, or CI
|
||
environment.</li>
|
||
<li><a href="https://open.kickbox.com/">Disposable Email Check API</a> -
|
||
A free API for checking if an email address is disposable. No sign up
|
||
required.</li>
|
||
</ul>
|
||
<h2 id="services">Services</h2>
|
||
<ul>
|
||
<li><a href="https://resend.com/">Resend</a> - Build, test, and send
|
||
transactional emails at scale.</li>
|
||
<li><a href="https://emailoctopus.com">EmailOctopus</a> - Email
|
||
marketing made easy.</li>
|
||
<li><a href="https://mailchimp.com/">Mailchimp</a> - MailChimp provides
|
||
email marketing for more than 15 million people globally.</li>
|
||
<li><a href="https://mailjet.com/">Mailjet</a> - all-in-one Email
|
||
Services Provider that allows businesses to send Marketing, Transaction
|
||
Email and Email Automation.</li>
|
||
<li><a href="https://mailscribe.com/page/mailmaker">Mailscribe
|
||
Mailmaker</a> - AI-powered email marketing platform that allows to
|
||
design email with built-in components.</li>
|
||
<li><a href="https://www.campaignmonitor.com/">Campaign monitor</a> -
|
||
Campaign Monitor makes it easy for you to create, send, and optimize
|
||
your email marketing campaigns.</li>
|
||
<li><a href="https://sendgrid.com/">Sendgrid</a> - Delivering your
|
||
transactional and marketing email through one reliable platform.</li>
|
||
<li><a href="https://github.com/atech/postal">Postal</a> - A fully
|
||
featured open source mail delivery platform for incoming & outgoing
|
||
e-mail.</li>
|
||
<li><a href="https://www.sparkpost.com/">SparkPost</a> - Your
|
||
application’s emails: Delivered on time and to the inbox.</li>
|
||
<li><a href="https://mautic.com/">Mautic</a> - 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.</li>
|
||
<li><a href="https://www.mailgun.com/">Mailgun</a> - Transactional Email
|
||
API Service For Developers.</li>
|
||
<li><a href="https://esputnik.com/en">eSputnik</a> - eSputnik is a
|
||
marketing automation system trusted by more than 30 thousand loyal
|
||
customers worldwide to send more than a billion emails every month.</li>
|
||
<li><a href="https://postmarkapp.com">Postmark</a> - Lightning fast
|
||
delivery for your application emails. Postmark delivers your
|
||
transactional email to customers on time, every time.</li>
|
||
<li><a href="https://improvmx.com/">ImprovMX</a> - Create free email
|
||
aliases for your domain name.</li>
|
||
<li><a href="https://reacher.email">Reacher</a> - Check if an email
|
||
exists without sending any email. Written in Rust, 100%
|
||
open-source.</li>
|
||
<li><a href="https://kickbox.com">Kickbox</a> - Email verification
|
||
service (check an email exists).</li>
|
||
<li><a href="https://forwardemail.net">Forward Email</a> - The 100%
|
||
open-source and privacy-focused email service.</li>
|
||
<li><a href="https://campaigncleaner.com">Campaign Cleaner</a> - The
|
||
Ultimate Tool for Optimized, High-Performance Email Campaigns.</li>
|
||
<li><a href="https://forwardmx.net">ForwardMX</a> - Premium email
|
||
forwarding for your domain name.</li>
|
||
<li><a href="https://www.heybounce.io">Heybounce</a> - Email
|
||
verification service that checks if an email exists and detects
|
||
disposable emails.</li>
|
||
</ul>
|
||
<h2 id="self-hosted-services">Self-Hosted Services</h2>
|
||
<ul>
|
||
<li><a href="https://ipv6.rs/cloudseeder">Cloud Seeder</a> - 1-click
|
||
Install and Upgrade a Postfix+Dovecot or Stalwart mail server instance,
|
||
hands free.</li>
|
||
<li><a href="https://iredmail.org/">iRedMail</a> - Easy to install open
|
||
source mail server solution.</li>
|
||
<li><a href="https://mailinabox.email/">Mail-in-a-box</a> - Lets you
|
||
become your own mail service provider in a few easy steps.</li>
|
||
<li><a href="https://mailcow.email/">Mailcow</a> - The mailserver suite
|
||
with the ‘moo’. An easy to use dockerized selfhosted email
|
||
solution.</li>
|
||
<li><a href="https://mailtrain.org/">Mailtrain</a> - Self Hosted
|
||
Newsletter App Built on Top of Nodemailer.</li>
|
||
<li><a href="https://mautic.org/">Mautic</a> - 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.</li>
|
||
<li><a href="https://modoboa.org/">Modoboa</a> - A solution to quickly
|
||
deploy and manage a complete email server, compatible with latest
|
||
standards and optimized for delivery and reputation protection.</li>
|
||
<li><a href="https://poste.io/">Poste.io</a> - Complete mailserver built
|
||
in one docker container.</li>
|
||
<li><a href="https://github.com/simple-login/app">SimpleLogin</a> -
|
||
Self-hosted email alias solution.</li>
|
||
</ul>
|
||
<h2 id="articles">Articles</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/">My
|
||
Wonderful HTML Email Workflow</a> - My Wonderful HTML Email Workflow,
|
||
using MJML and MDX for responsive emails.</li>
|
||
<li><a href="http://www.leemunroe.com/email-design-workflow/">Email
|
||
Design Workflow</a> - An email design workflow by By Lee Munroe.</li>
|
||
<li><a
|
||
href="https://iridakos.com/how-to/2019/06/26/composing-better-emails.html">Composing
|
||
better emails</a> - Tips for writing effective emails.</li>
|
||
<li><a
|
||
href="https://github.com/darylldoyle/Gulp-Email-Creator">Darylldoyle
|
||
Gulp workflow</a> - Gulp Email Creator is a gulp workflow inspired by
|
||
Lee Munroe’s grunt-email-design workflow.</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/my-current-html-email-development-workflow/">Html
|
||
Email Development Workflow</a> - A Typical Email Development Workflow by
|
||
Sitepoint.</li>
|
||
</ul>
|
||
<h2 id="design">Design</h2>
|
||
<ul>
|
||
<li><a href="https://www.campaignmonitor.com/css/">CSS Support</a> - A
|
||
complete breakdown of the CSS support for every popular mobile, web and
|
||
desktop email client on the planet.</li>
|
||
<li><a href="https://blocksedit.com/email-template-guide/">Email
|
||
Template Guide</a> - Using a modular email template system.</li>
|
||
<li><a
|
||
href="https://documentation.mailgun.com/best_practices.html#email-best-practices">Mail
|
||
Servers Best Pratices</a> - This guide is a brief summary of email best
|
||
practices that we have learned from managing mail servers.</li>
|
||
<li><a
|
||
href="http://stylecampaign.com/blog/2014/02/responsive-email-navigation/">Stylecampaign</a>
|
||
- I looked at the navigation of 50 responsive retail emails. Here is a
|
||
breakdown of the patterns I discovered.</li>
|
||
</ul>
|
||
<h2 id="blogs">Blogs</h2>
|
||
<ul>
|
||
<li><a href="https://emailoctopus.com/blog/">EmailOctopus Blog</a></li>
|
||
<li><a href="https://litmus.com/blog/">Litmus Blog</a></li>
|
||
<li><a href="http://stylecampaign.com/blog/">Stylecampaign Blog</a></li>
|
||
<li><a href="http://myemma.com/content-hub">Myemma Blog</a></li>
|
||
<li><a href="http://blog.postmarkapp.com/">Postmarkapp Blog</a></li>
|
||
<li><a href="https://blog.spently.com/">Spently Blog</a></li>
|
||
<li><a href="http://www.emailmonks.com/blog/">Emailmonks Blog</a></li>
|
||
<li><a href="http://www.emailmonks.com/blog/">Stripo.email Blog</a> -
|
||
Email Marketing & Email Design Blog.</li>
|
||
<li><a href="https://htmlemail.io/blog/">HTML Email Blog</a></li>
|
||
<li><a href="https://blocksedit.com/content-code/">Build Better Blog</a>
|
||
- Design and content production in email marketing.</li>
|
||
<li><a href="https://designmodo.com/design/email-design/">Email Design
|
||
Blog</a> - Articles, tutorial, inspiration for all email geeks.</li>
|
||
</ul>
|
||
<h2 id="resources">Resources</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/threeheartsdigital/email-marketing-regulations">Email
|
||
marketing regulations</a> - A guide to email marketing regulations
|
||
around the world.</li>
|
||
<li><a href="http://email-toolbox.com/">Email toolbox</a> - Hand-picked
|
||
resources for email marketers and designers.</li>
|
||
<li><a href="http://mailchimp.com/resources/">Mailchimp</a> - Super
|
||
awesome resources from Mailchimp.</li>
|
||
<li><a href="https://litmus.com/resources">Litmus Resources</a> - Stay
|
||
up to date with the latest email news and trends with Litmus
|
||
resources.</li>
|
||
<li><a href="https://www.campaignmonitor.com/resources/">Campaign
|
||
Monitor Resources</a> - Campaign Monitor resources will turn you into an
|
||
expert in no time.</li>
|
||
<li><a href="https://www.campaignmonitor.com/dev-resources/">Campaign
|
||
Monitor Dev Resources</a></li>
|
||
<li><a href="http://templates.mailchimp.com/">Mailchimp</a> - Mailchimp
|
||
Email Design Reference.</li>
|
||
<li><a
|
||
href="https://arstechnica.com/information-technology/2014/02/how-to-run-your-own-e-mail-server-with-your-own-domain-part-1/">Arstechnica</a>
|
||
- Tutorial on how to build your own email server.</li>
|
||
<li><a href="https://www.mailmodo.com/email-templates/">Mailmodo</a>-
|
||
Mega Email Template Library, from where you can get the template for
|
||
free or customize your own Email Templates</li>
|
||
</ul>
|
||
<h2 id="inspirations">Inspirations</h2>
|
||
<ul>
|
||
<li><a href="http://www.goodemailcopy.com/">Email Copy</a> - Email copy
|
||
from great companies.</li>
|
||
<li><a href="http://codepen.io/reallygoodemails/">Really good emails
|
||
Codepen</a></li>
|
||
<li><a href="http://reallygoodemails.com/">Really good emails</a> - The
|
||
Best Email Designs in the Universe.</li>
|
||
<li><a href="http://tidymails.com/">TidyMails</a> - The Email
|
||
Newsletters’ Universe.</li>
|
||
<li><a href="http://milled.com/">Milled</a></li>
|
||
<li><a
|
||
href="https://www.campaignmonitor.com/best-email-marketing-campaigns/">The
|
||
Top Email Campaigns</a> - The most effective email marketing campaigns
|
||
from Campaign Monitor.</li>
|
||
<li><a href="http://htmlemaildesigns.com/">Htmlemaildesigns</a> -
|
||
Beautiful emails to help inspire your next email design.</li>
|
||
<li><a href="http://whosentwhat.com">WhoSentWhat</a> - We bring email
|
||
newsletters from inbox to web</li>
|
||
</ul>
|
||
<h2 id="statistics">Statistics</h2>
|
||
<ul>
|
||
<li><a href="http://myemma.com/brainiac/gate-free-stats">Myemma Email
|
||
Stats</a> - 18 must-know stats for modern email marketers by Emma,
|
||
Inc.</li>
|
||
<li><a href="http://mailchimp.com/resources/research/">Mailchimp
|
||
Research</a> - Mailchimp’s researchers are constantly analyzing data to
|
||
help you make the most of your email campaigns.</li>
|
||
<li><a
|
||
href="https://www.campaignmonitor.com/resources/guides/email-marketing-new-rules/">Campaign
|
||
Monitor 2015 Report</a> - 2015 Report: The new rules of email
|
||
marketing.</li>
|
||
<li><a
|
||
href="https://www.campaignmonitor.com/company/annual-report/2016/">Campaign
|
||
Monitor 2016 Report</a> - 2016 Report: Campaign Monitor 2016 Year in
|
||
Review.</li>
|
||
</ul>
|
||
<h2 id="testing">Testing</h2>
|
||
<ul>
|
||
<li><a href="https://putsmail.com/">PutsMail</a> - Free tool to test
|
||
your HTML emails before sending them!</li>
|
||
<li><a href="https://litmus.com/">Litmus</a> - Test and track your
|
||
emails with Litmus.</li>
|
||
<li><a href="https://www.campaignmonitor.com/testing/">Campaign
|
||
Monitor</a> - Test your design in all the different email client with
|
||
Campaign Monitor.</li>
|
||
<li><a href="https://www.npmjs.com/package/grunt-litmus">Grunt
|
||
Litmus</a> - Send email tests to Litmus with grunt.</li>
|
||
<li><a href="https://www.npmjs.com/package/gulp-litmus">Gulp Litmus</a>
|
||
- Send email tests to Litmus with gulp.</li>
|
||
<li><a href="https://mailtrap.io">MailTrap</a> - A Fake SMTP Server to
|
||
Test, View and Share emails without spamming real customers.</li>
|
||
<li><a href="https://testmail.app">testmail.app</a> - A fake SMTP server
|
||
with unlimited mailboxes and a GraphQL API for automating end-to-end
|
||
tests.</li>
|
||
<li><a href="https://github.com/mailhog/MailHog">MailHog</a> A local
|
||
fake SMTP server (based on Go).</li>
|
||
<li><a href="https://mailcatcher.me/">MailCatcher</a> A local fake SMTP
|
||
server (based on Ruby).</li>
|
||
<li><a href="https://www.emailprivacytester.com/">Email Privacy
|
||
Tester</a> - A tool to test your email client’s priacy features (loading
|
||
remote content).</li>
|
||
<li><a href="https://www.mail-tester.com/">Mail Tester</a> - Test the
|
||
spammyness of your emails.</li>
|
||
<li><a href="https://mailsnag.com/">Mailsnag</a> - 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.</li>
|
||
<li><a href="https://kickbox.com/email-spam-tester/">Email Spam
|
||
Tester</a> - Free tool to check to see if your email will end up in the
|
||
spam folder.</li>
|
||
</ul>
|
||
<h2 id="learning">Learning</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://frontendmasters.com/courses/responsive-email/">Responsive
|
||
HTML Email Design</a> - Responsive email course by Justine Jordan and
|
||
Jason Rodriguez.</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/series/mastering-html-email--webdesign-17696">Mastering
|
||
HTML Email</a> - This series of tutorials will take you through the
|
||
fundamentals, exploring development techniques, workflow and design
|
||
approaches.</li>
|
||
<li><a
|
||
href="https://scotch.io/tutorials/building-responsive-email-templates-with-ink">Building
|
||
Responsive Email Templates with Ink</a> - Building Responsive Email
|
||
Templates with Ink.</li>
|
||
<li><a href="https://litmus.com/community/learning">Litmus learning</a>
|
||
- Litmus learning resources.</li>
|
||
</ul>
|
||
<hr>
|
||
<h3 id="contribution">Contribution</h3>
|
||
<p>Suggestions and PRs are welcome! 🤙 If you want to contribute, please
|
||
read the <a
|
||
href="https://github.com/jonathandion/awesome-emails/blob/master/contributing.md">contribution
|
||
guidelines</a>.</p>
|
||
<h3 id="check-also">Check Also</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/jonathandion/awesome-js-books">Awesome
|
||
JS Books</a> - This is a curated list of all the best JavaScript
|
||
books.</li>
|
||
<li><a href="https://github.com/jonathandion/web-configs">Web
|
||
Configs</a> - Monorepo for all common configurations for building web
|
||
apps.</li>
|
||
<li><a href="https://github.com/jonathandion/web-dev.nvim">My Neovim
|
||
Config</a> - Small Neovim configuration written in Lua that is
|
||
specifically designed for web development.</li>
|
||
</ul>
|
||
<h3 id="license">License</h3>
|
||
<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p><a href="https://github.com/jonathandion/awesome-emails">emails.md
|
||
Github</a></p>
|