back to home

mailgun / transactional-email-templates

Responsive transactional HTML email templates

6,944 stars
1,122 forks
12 issues
HTML
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing mailgun/transactional-email-templates in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/mailgun/transactional-email-templates)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

Responsive transactional HTML email templates

Transactional HTML emails often get neglected. Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers.

We’ve tried to remove some of the pain for you and open-sourced a collection of common templates for transactional email.

Each template is responsive and each has been tested in all the popular email clients.

How to use

  • Use these email templates for your transactional emails
  • Use them as is or think of them as boilerplates for more detailed emails
  • Ensure you inline the CSS before sending the email out

What are transactional emails?

Typically any email that is triggered by or sent automatically from your application.

  • Welcome emails
  • Actionable emails
  • Password resets
  • Receipts
  • Monthly invoices
  • Support requests
  • App error alerts
  • Reminders
  • etc.

Inline the CSS

Before sending HTML emails you should inline your CSS.

We recommend using Premailer to accomplish this.

Our repo contains both the original templates with a separate CSS stylesheet, as well as templates with CSS already inlined for you to preview. See the /templates/inlined folder.

Tested and verified

We’ve tested these email templates across all the major desktop, web and mobile clients, using Email on Acid.

<img src="/assets/EoA.png">

Email design workflow with Grunt

You also might be interested in this Grunt task for compiling and testing html emails. We used this to help design and test our transactional emails.