Native React Email Support

Build Emails with React

Use familiar React components to create beautiful, responsive transactional emails. Auto-export to HTML that works everywhere.

Start Free View Docs

React Email Example

Build your email template with React components:

import { Html, Head, Body, Container, Section, Text, Button, Link } from '@react-email/components';

export default function WelcomeEmail({ name }) {
  return (
    <Html>
      <Head />
      <Body style={{ fontFamily: 'sans-serif' }}>
        <Container>
          <Section>
            <Text>Welcome, {name}!</Text>
            <Button href="https://example.com">Get Started</Button>
          </Section>
        </Container>
      </Body>
    </Html>
  );
}

Why React Email?

Developer Experience

Use familiar React patterns, components, and tooling. No more wrestling with table-based HTML email layouts.

Beautiful by Default

React Email components are styled to look great in all major email clients out of the box.

Responsive Design

Emails automatically adapt to mobile and desktop screens.

Cross-Client Compatible

Works with Gmail, Outlook, Apple Mail, Yahoo, and more.

Available Components

React Email includes a comprehensive component library:

Html, Head, Body Container, Section Text, Heading Button, Link Image, Avatar Divider, Spacer Table, Row, Cell Card, Wrapper

Send React Email with MailForge

Pass your React Email component to the MailForge API:

import MailForge from '@mailforge/sdk';
import { WelcomeEmail } from './emails';

const client = new MailForge({ apiKey: process.env.MAILFORGE_API_KEY' });

await client.emails.send({
  to: 'user@example.com',
  from: 'sender@yourdomain.com',
  email: WelcomeEmail({ name: 'John' })
});

Ready to Build Beautiful Emails?

React Email support is included in Pro and Enterprise plans.

Create Free Account