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

Get started for freeTalk to us