Build beautiful email templates with React components and send them with Unosend. Use JSX to create responsive HTML emails.
Everything you need to send emails from React
React Email component library
JSX email templates
Hot reload in development
Preview emails locally
TypeScript support
Get up and running in minutes with this code example
// emails/welcome.tsx
import { Html, Head, Body, Container, Text, Button } from '@react-email/components';
export function WelcomeEmail({ name }: { name: string }) {
return (
<Html>
<Head />
<Body style={{ fontFamily: 'sans-serif' }}>
<Container>
<Text>Welcome, {name}!</Text>
<Button href="https://app.yourdomain.com">
Get Started
</Button>
</Container>
</Body>
</Html>
);
}
// Usage with Unosend
import { render } from '@react-email/render';
import { Unosend } from '@unosend/node';
const unosend = new Unosend(process.env.UNOSEND_API_KEY);
const html = await render(<WelcomeEmail name="John" />);
await unosend.emails.send({
from: 'hello@yourdomain.com',
to: 'user@example.com',
subject: 'Welcome!',
html,
});Follow these steps to integrate Unosend with React
Install dependencies: npm install @unosend/node @react-email/components
Create email templates as React components
Use render() to convert React to HTML
Send with Unosend from your backend
Familiar React patterns for email
Reusable email components
Preview and test emails locally
Type-safe template props
More framework integrations you might like
Send transactional emails from your Next.js application using Unosend. Works with App Router, API routes, and Server Actions.
Send emails from Node.js with our official SDK. Support for Express, Fastify, NestJS, and any Node.js application.
Send emails from Python with our official SDK. Perfect for Django, Flask, FastAPI, and any Python application.
Start sending emails from React in under 5 minutes. Free tier includes 5,000 emails/month.