Discover / Marketing

React Email

Name: React Email
Author: resend

by resendTypeScript

Build and send responsive email templates using React components

Repositorystable

Maturity: stable because 4y old, react-email@6.9.1 released 11d ago. Derived from release and commit history, not a rating.

Stars: 20k
Forks: 1.1k
Downloads / mo: —
Last commit: 2026-07-29
License: MIT
Open issues: 26

Market and trust evidence

Edition not yet matched

No exact skills.sh identity match is available for this repository. Repository adoption and freshness remain visible above; install momentum is not inferred.

Trust analysis is a screening signal, not a security warranty. Read the ranking and trust methodology.

In practice

Written by AI from this repository’s README · high confidence

Coding HTML email means hand maintaining table based layouts and working around client specific quirks.

Use it when

Use it when you write transactional or marketing emails in a React and TypeScript codebase.

Not the right pick when

Components are unstyled by design, so you still supply the visual design yourself.

Capabilities

high quality unstyled components for emails in React and TypeScript
handles inconsistencies between Gmail, Outlook and other clients
responsive emails with dark mode support
standard components including Button, Container, Row, Column and Tailwind
editor built on TipTap that exports email-ready HTML and plain text
send through Resend, Nodemailer, SendGrid, Mailgun, Postmark or AWS SES

Cost: Free and open source

Compare Repository ↗Homepage ↗

Video walkthroughs

How to Send Emails in Next.js using React Email and Resend

Cand Dev · 2K views · ≈Feb 2026

React Email with Resend Complete Tutorial | شرح بالعربي

Simple Arab Code · 2K views · ≈Aug 2025

Custom Auth Emails with React Email and Resend

Supabase · 11K views · ≈Aug 2025

Third-party YouTube uploads matched to this tool by title, channel and repository name on 2026-08-03. Not made, reviewed or endorsed by SkillPilot. View counts and publish months are as of the match date and the month is approximate. Nothing loads from YouTube until you press play.

What the repository ships

Has examplesSecurity policyCI configured

Detected from the actual files in the repository root.

Latest release react-email@6.9.1

Published 2026-07-23

Patch Changes

ea02028: Serve static assets with URL-encoded filenames correctly in the preview server while preventing decoded paths from escaping the static directory.
60c96a6: Fix <Tailwind> dropping dark: and other media-query variants with tailwindcss@4.3.3+, where the conditional value was inlined as the base style and the @media rule never reached the <head>

README

React email cover

<div align="center"><strong>React Email</strong></div>

<div align="center">The next generation of writing emails.<br />High-quality, unstyled components for creating emails.</div>

<br />

<a href="https://react.email">Website</a>

<a href="https://github.com/resend/react-email">GitHub</a>

</div>

Introduction

A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.

It reduces the pain of coding responsive emails with dark mode support. It also takes care of inconsistencies between Gmail, Outlook, and other email clients for you.

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 2026 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today.

Install


npm i react-email@latest

Getting started

Define your email template with React, include styles and our components where needed.


import { Button } from "react-email";

export default function Email() {
  return (
    <Button href="https://example.com" style={{ color: "#61dafb" }}>
      Click me
    </Button>
  );
};

Components

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.

Editor

React Email also provides an Editor built on top of TipTap and ProseMirror, It serializes to React Email components, and exports email-ready HTML and plain text.

See the Editor documentation for more details.

Integrations

Emails built with React Email can be converted into HTML and sent using any email service provider. Here are some examples:

Support

All components were tested using the most popular email clients.

| <img src="https://react.email/static/icons/gmail.svg" width="48px" height="48px" alt="Gmail logo"> | <img src="https://react.email/static/icons/apple-mail.svg" width="48px" height="48px" alt="Apple Mail"> | <img src="https://react.email/static/icons/outlook.svg" width="48px" height="48px" alt="Outlook logo"> | <img src="https://react.email/static/icons/yahoo-mail.svg" width="48px" height="48px" alt="Yahoo! Mail logo"> | <img src="https://react.email/static/icons/hey.svg" width="48px" height="48px" alt="HEY logo"> | <img src="https://react.email/static/icons/superhuman.svg" width="48px" height="48px" alt="Superhuman logo"> |

| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |