React Email
React Email is a collection of components for building emails with React, Tailwind, and TypeScript.
What React Email is
React Email is a collection of components for building emails with React, Tailwind, and TypeScript. It supports JavaScript and TypeScript projects and can be added incrementally to most codebases. Components can use Tailwind or inline CSS, with ready-to-use options such as headers, footers, buttons, images, and layouts. Editor examples include rich text, columns, theming, custom extensions, and email-ready HTML export.
The CLI provides a development server that watches files and rebuilds templates as they change. The project also offers a link linter, an email-client compatibility checker, and a spam score tool. The maker says components are tested with Gmail, Apple Mail, Outlook, Yahoo! Mail, HEY, and Superhuman. Documented sending integrations include Resend, Nodemailer, Mailgun, SendGrid, Postmark, AWS SES, Azure Communication Email, MailerSend, Scaleway, Plunk, Lettermint, eusend, and Brevo. Components need to be converted to an HTML string with the render utility for use with an email service provider. The CLI's static preview files are not hosted for sent emails. React Email is MIT licensed and brought to you by Resend; the project began as an open-source project in 2022.
Good
- Supports Tailwind and inline CSS styling.
- CLI watches files and rebuilds templates.
- Includes HTML export and a render utility.
- Lists integrations with multiple email services.
Watch out
- Components need rendering to HTML for sending.
- Static preview files are not hosted for sent emails.
Who it suits
React Email is intended for JavaScript and TypeScript developers building email templates with React. It may suit teams that want reusable components, local template previews, and documented sending integrations.
Verdict
React Email provides reusable building blocks and development tools for email templates. Plan for HTML rendering and a separate source for assets used in production.
The facts
Each one read from React Email's own pages, with the date it was checked.
What it does
- Adoption
- The documentation says React Email can be incrementally added to most codebases and supports JavaScript and TypeScript projects.checked 4 Oct 2026
- CLI
- The CLI includes a development server that watches files and rebuilds email templates when they change.checked 4 Oct 2026
- Client support
- The project says its components are tested with Gmail, Apple Mail, Outlook, Yahoo! Mail, HEY, and Superhuman.checked 10 Oct 2026
- Components
- The site offers copyable, ready-to-use components, including headers, footers, buttons, images, and layouts.checked 4 Oct 2026
- Conversion
- To use React Email with an email service provider, the React components must be converted to an HTML string with the render utility.checked 4 Oct 2026
- Deliverability tools
- The site describes a link linter, an email-client compatibility checker, and a spam score tool.checked 4 Oct 2026
- Email checks
- The homepage lists a link linter, a compatibility checker, and a spam score tool.checked 10 Oct 2026
- Email client support
- The maker says its components are tested with Gmail, Apple Mail, Outlook, Yahoo! Mail, HEY, and Superhuman.checked 4 Oct 2026
- Email components
- Its standard components help developers build emails without handcrafting table-based layouts and older markup.checked 10 Oct 2026
- Email editor
- The homepage presents an embeddable React email editor with rich text, headings, columns, layouts, buttons, and images.checked 10 Oct 2026
- Integrations
- Documented sending integrations include Resend, Nodemailer, Mailgun, SendGrid, Postmark, AWS SES, Azure Communication Email, MailerSend, Scaleway, Plunk, Lettermint, eusend, and Brevo.checked 4 Oct 2026
- Intended users
- The project is designed for JavaScript and TypeScript developers and can be incrementally added to most codebases.checked 10 Oct 2026
- License
- The documentation identifies React Email as MIT licensed.checked 10 Oct 2026
- Local assets limitation
- Files in the CLI preview's static directory are served for preview and are not hosted for sent emails.checked 4 Oct 2026
- Notable limit
- The CLI documentation says files in its static preview directory are not hosted for sent emails, so linked assets need another source URL in production.checked 10 Oct 2026
- Preview and CLI
- The CLI can run a local development server that watches template files and rebuilds them when they change.checked 10 Oct 2026
- Purpose
- React Email is a collection of unstyled components for creating emails with React, Tailwind, and TypeScript.checked 10 Oct 2026
- Rendering
- The render utility converts React email components into an HTML string for use with an email service provider.checked 10 Oct 2026
- Sending integrations
- The documentation lists integrations including Resend, Nodemailer, Mailgun, SendGrid, Postmark, AWS SES, Azure Communication Email, MailerSend, Scaleway, Plunk, Lettermint, eusend, and Brevo.checked 10 Oct 2026
- Styling
- The homepage says emails can be styled with Tailwind or inline CSS.checked 10 Oct 2026
- Templates
- The templates page offers open source email templates and invites users to submit templates by pull request.checked 10 Oct 2026
The company
- Maker
- React Email is brought to you by Resend, whose about page says the project began as an open-source project in 2022.checked 4 Oct 2026
Alternatives to React Email
- 1
Canary
Free planOpen sourceAndroidiOSWebAPI8.4From $36 a year - 2
MJML
Free planOpen sourceWebAPIExtensionLinux7.6Free plan - 3
Foundation for Emails
Free planOpen sourceWebLinuxmacOSSelf-hosted7.5Free plan - 4
Blocks Edit
Free planWebAPI7.4Free plan - 5
MailEditor
Free planWebAPIExtension7.4From $9 a month - 6
Mela
Free planWebAPI7.4From $33 a month