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