React Email Builder

Build transactional and marketing emails with React components. Generates responsive email templates that render correctly in Gmail, Outlook, and Apple Mail using the React Email library from Resend.

This skill helps you build emails as React components that compile to cross-client HTML. It generates responsive layouts, creates reusable components (buttons, headers, footers), handles Outlook conditionals automatically, supports dark mode, and integrates with Resend, SendGrid, and other providers for sending.

When to use

Use when building transactional emails (receipts, password resets, notifications), marketing newsletters, or any email that needs to look consistent across all email clients.

Examples

Welcome email template

Create a responsive welcome email

Build a React Email welcome template with hero image, feature highlights, CTA button, and social links that works in Outlook and Gmail

Order receipt

Create a transactional order confirmation

Build a React Email order receipt with itemized table, shipping details, order total, and tracking link — responsive on mobile