React Email
Build and send emails using React and TypeScript.
Why
We believe that email is an extremely important medium for people to communicate. However, we need to stop developing emails like 2010, and rethink how email can be done in 2024 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today.
Getting Started
React Email is designed to be incrementally adopted, so you can add it to most codebases in a few minutes.
Automatic Setup
Add React Email to any JavaScript or TypeScript project in minutes.
Manual Setup
Create a brand-new folder with packages powered by React Email.
Components
This is a set of standard components to help you build amazing emails without having to deal with the mess of creating table-based layouts and maintaining archaic markup.
HTML
A React html component to wrap emails.
Container
The main wrapper that hold your content.
Button
A React button component to help build emails.
Text
A block of text separated by blank spaces.
Integrations
In order to use React Email with any email service provider, you’ll need to convert the components made with React into a HTML string. This is done using the render utility.
Resend
Send email using Resend
Nodemailer
Send email using Nodemailer
SendGrid
Send email using SendGrid
Postmark
Send email using Postmark
AWS SES
Send email using AWS SES
MailerSend
Send email using MailerSend
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman
Authors
- Bu Kinoshita (@bukinoshita)
- Zeno Rocha (@zenorocha)