---
title: "My Wonderful HTML Email Workflow"
url: https://daily.dev/posts/my-wonderful-html-email-workflow-yg2abwz7f
source_url: https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/
type: article
source: "Josh W Comeau"
published: 2022-06-27T15:23:31.812Z
updated: 2022-06-27T15:23:31.754Z
tags: ["react", "webdev", "backend", "html"]
reading_time: 13
upvotes: 245
comments: 12
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# My Wonderful HTML Email Workflow

**[Josh W Comeau](https://daily.dev/sources/joshwcomeau)** · 13 min read · 245 upvotes · 12 comments

## Summary

MJML is a responsive email framework from Mailjet. It essentially provides a layer of abstraction over raw HTML. The MJML language provides a set of common tags you can use to structure your email. As long as you follow the MJML conventions, your email should render properly across all email clients.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx/>

## Community discussion

Top comments from developers on daily.dev.

**@epicurus** · 7 upvotes

> At first glance MJML seems like a godsend, and for many it will be. Those who have never hand coded complex tables nested in tables, coded emails to be a flex between hybrid/responsive, to take into account the myriad of nightmare outcomes across the numerous problematic Outlook clients, the quirks that Gmail and Yahoo mail does to one's email, the utter failure of standards from Outlook, needing to use mso and vml among other quirky hacks brings me back to the nightmarish web development days having to deal with the IE version hacks... That being said I did try MJML coding and this is my...

**@skwo** · 3 upvotes

> Hey Josh, wonderful article. You helped me a ton!  I am always struggling with html email 🤬. Especially because my receivers are mainly old-school business people who use older outlook versions. There are so many hacks to make it work properly.

**@flavien\_lmd** · 2 upvotes

> Cool article, but it could be very useful and attractive if you put some preview of the mail you generated thanks to your code. Not necessarily after each sample of code but after somes ;) Keep it up

**@gnzlplcs** · 0 upvotes

> Such a so useful article! I've had a lot of headaches trying to code a good HTML template. Thank you very much, Josh.

**@monte0920** · 0 upvotes

> Article is great. I am looking forward to your new next article. :)

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments
- [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments
- [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments

---

Tags: [#react](https://daily.dev/tags/react), [#webdev](https://daily.dev/tags/webdev), [#backend](https://daily.dev/tags/backend), [#html](https://daily.dev/tags/html)

[View this post on daily.dev](https://daily.dev/posts/my-wonderful-html-email-workflow-yg2abwz7f)