Beautiful emails. Zero hassle.
Build email templates with React components or plain HTML. Preview in real-time, reuse across your app. No more copy-pasting.
Build emails like you build UIs.
Use React components to build beautiful, responsive emails. Full TypeScript support, component reuse, conditional rendering—everything you love about React.
import { Html, Button, Text } from '@react-email/components';
export function WelcomeEmail({ name }: { name: string }) {
return (
<Html>
<Text>Hey {name},</Text>
<Text>Welcome to Acme! We're excited to have you.</Text>
<Button href="https://acme.com/dashboard">
Get Started
</Button>
</Html>
);
}Templates that scale.
Create once, use everywhere.
React or HTML
Use React Email for complex templates, or plain HTML for simple ones. Your choice.
Dynamic Variables
Personalize emails with {{name}}, {{company}}, or any custom data you pass.
Preview Mode
See exactly how your email will look before sending. Desktop and mobile views.
Theming Support
Define colors, fonts, and spacing once. Apply consistently across all emails.
Clone & Customize
Start from existing templates. Duplicate and modify for quick iterations.
Version History
Track changes to your templates. Roll back if something breaks.
Send with templates.
Reference templates by slug and pass dynamic data.
// Create a template
await emailmate.templates.create({
slug: 'welcome',
name: 'Welcome Email',
subject: 'Welcome to {{company}}!',
html: '<h1>Hey {{name}}</h1><p>Thanks for signing up.</p>'
});
// Send using the template
await emailmate.emails.send({
to: 'user@example.com',
template: 'welcome',
data: {
name: 'Jane',
company: 'Acme Inc'
}
});Build better emails.
Start with React Email or plain HTML. Your choice.
No credit card required. 100 emails/day free.