React Email: components for mail that survives Gmail and Outlook

Email HTML is a punishing target. Gmail strips style tags, Outlook renders with a Word engine, and half your audience now reads in dark mode with colours you never chose. Hand-rolling a table-based layout that survives all three, every time you change a template, is not a good use of a developer's afternoon. React Email exists because the team at Resend got tired of doing it the hard way, and built a component library instead.

Why it made the cut

React Email is the closest thing the ecosystem has to a modern default for building transactional and marketing email inside a React codebase, and it slots naturally into a Next.js stack the way this desk already builds everything else. Instead of writing raw tables and inlined styles, you compose an email from unstyled, tested components, Html, Body, Container, Section, Button, Text and so on, and the library compiles them down to bulletproof markup behind the scenes. It ships with a live preview dev server, so you see the rendered email as you edit, in light and dark mode, without sending a single test message. It is MIT licensed and backed by Resend, the email-sending API company.

How to use it

Install the package into an existing React or Next.js project, write your email as a .tsx component using the provided building blocks, and run the local preview server to check it renders correctly before you wire it to a send. Because the output is plain HTML, you can hand the render function's result to any transactional provider, Resend included, but nothing here locks you to one sender.

Worth knowing

This is free and MIT licensed, current release v6.9.0 as of 15 July 2026, with 19.5k stars on GitHub. It is the base the house transactional-receipt component on this shelf is built on, so if you are already using that pattern, this is the library underneath it. Full source and docs at the link below.