react-email

React Email is an open-source library from Resend that lets developers author transactional and marketing emails using React and TypeScript instead of hand-written table-based HTML. It ships a set of unstyled, high-quality components — Html, Head, Button, Container, CodeBlock, CodeInline, Column, Row, Font, Heading, Divider, Image, Link, Markdown, Preview, Section, Tailwind, Paragraph, and Body — designed to reduce the pain of writing responsive emails and to absorb the inconsistencies between Gmail, Outlook, Apple Mail, Yahoo! Mail, HEY, and Superhuman. Components are tested against those popular clients, and dark-mode support is built in. Installation is a single `npm i react-email@latest` step, after which a template is just a React component that imports the primitives and returns JSX; the library renders that to email-ready HTML. A Tailwind component is included for teams that already use Tailwind CSS. Beyond the runtime components, React Email provides an Editor built on TipTap and ProseMirror. The editor serializes content back into React Email components and exports both email-ready HTML and plain text, which is useful for building in-app email composers or CMS-style template editors. For delivery, emails built with React Email can be converted to HTML and sent through any email service provider. The repository includes examples for Resend, Nodemailer, SendGrid, MailerSend, Mailgun, Postmark, AWS SES, Azure Communication Email, Plunk, and Scaleway, so teams can keep their existing ESP and only swap out the template layer. The project is MIT-licensed and includes a documented development workflow covering environment setup, tests, linting, building, and writing docs, plus a contribution guide for maintainers and community contributors.