Skip to main content

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 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

Scaleway

Send email using Scaleway

Plunk

Send email using Plunk

Support

All components were tested using the most popular email clients.
GmailGmail
Apple MailApple Mail
OutlookOutlook
Yahoo! MailYahoo! Mail
HEYHEY
SuperhumanSuperhuman

Authors