Email
Templates
Build beautiful, responsive email templates with React Email. Use real components and dynamic variables instead of copy-pasting HTML tables.
Templates that
feel like code
Use TypeScript, props, conditional rendering, and loops. No more Mustache variables in raw HTML. Build emails like you build UIs.
import { Html, Head, Body, Container, Heading, Text, Button } from '@react-email/components';interface WelcomeProps { name: string; dashboardUrl: string;}export default function Welcome({ name, dashboardUrl }: WelcomeProps) { return ( <Html> <Head /> <Body style={{ backgroundColor: '#f6f6f6' }}> <Container style={{ maxWidth: 560, margin: '0 auto' }}> <Heading>Welcome, {name}!</Heading> <Text> Your account is ready. Start sending emails from your dashboard. </Text> <Button href={dashboardUrl} style={{ backgroundColor: '#8262ff', color: '#fff' }}> Open Dashboard </Button> </Container> </Body> </Html> );}curl -X POST https://your-api.com/v1/emails \ -H "Authorization: Bearer YOUR_API_KEY" \ -H "Content-Type: application/json" \ -d '{ "to": "soren@example.com", "templateId": "welcome", "variables": { "name": "Soren", "dashboardUrl": "https://app.example.com" } }'Reference by ID,
pass your data
Separate your email content from your send logic. Update templates without deploying code.
Create, upload,
and send
Create a template
Write your email template using React Email components or plain HTML. Use variables for dynamic content.
Upload or push
Upload via the dashboard or push from your CI/CD pipeline. Templates are versioned automatically.
Send with variables
Reference the template by ID in your send request and pass variables. Posthawk renders and sends.
React Email Components
Build templates with React Email — use real components, props, and conditional logic instead of HTML tables.
Responsive by Default
Templates render correctly across Gmail, Outlook, Apple Mail, and mobile clients. No manual testing needed.
Dynamic Variables
Inject user names, order IDs, links, or any data into your templates with simple variable syntax.
Live Preview
Preview your templates in the dashboard with sample data before sending. See exactly what recipients will see.
Build your first template
Create responsive, component-based email templates with React Email and Posthawk.