resend/react-email
resend/react-email has 19,910 GitHub stars and 1,113 forks. GitHot measured +7 stars in 24 hours. Last checked 2026-11-04 21:49 UTC. Last push 2026-10-30.
💌 Build and send emails using React
Measured star growth
- in 24h
- +7
- in 7 days
- Collecting history
- in 15 days
- Collecting history
- in 1 month
- Collecting history
Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.
README.md
Original
High-quality, unstyled components for creating emails.
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>
);
};
Using with AI
Install the React Email skill to teach your coding agent (Claude Code, Codex, Cursor, GitHub Copilot, and others) how to build emails with React Email:
npx skills add resend/react-email
The docs are also available for LLMs at react.email/docs/llms.txt.
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.
- Html
- Head
- Button
- Container
- CodeBlock
- CodeInline
- Column
- Row
- Font
- Heading
- Divider
- Image
- Link
- Markdown
- Preview
- Section
- Tailwind
- Paragraph
- Body
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:
- Resend
- Nodemailer
- SendGrid
- MailerSend
- Mailgun
- Postmark
- AWS SES
- Azure Communication Email
- Plunk
- Scaleway
Support
All components were tested using the most popular email clients.
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
Development workflow
Contributing
Brought to you by Resend, MIT License.
Explore related projects
freeCodeCamp/freeCodeCamp
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
458,562 starsdonnemartin/system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
376,842 starsreact/react
The library for web and native user interfaces.
251,970 starsvuejs/vue
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
212,489 stars