Skip to main content
React Email

Build emails with React

React Email is a collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript. Stop coding emails like it’s 2010.

Get Started

Build your first email in minutes

Components

Explore 20+ email components

CLI Tools

Live preview and development server

Integrations

Send with any email provider

Why React Email?

Modern DX

Write emails using React and TypeScript

Type Safe

Full TypeScript support included

Dark Mode

Built-in dark mode support

Responsive

Mobile-friendly by default

Email Clients

Tested on all major clients

Live Preview

See changes instantly

Quick example

import { Button, Html, Text } from '@react-email/components';

export default function WelcomeEmail() {
  return (
    <Html>
      <Text>Welcome to our platform!</Text>
      <Button href="https://example.com">Get started</Button>
    </Html>
  );
}
All components work across Gmail, Outlook, Apple Mail, Yahoo, and more.

Next steps

1

Install

Get React Email components installed
npm install @react-email/components
2

Build

Create your email template with React
import { Html, Button } from '@react-email/components';

export default function Email() {
  return <Html><Button href="#">Click me</Button></Html>;
}
3

Send

Render and send with any provider
import { render } from '@react-email/components';
const html = await render(<Email />);

Build docs developers (and LLMs) love