React Email Builder

How to use React Email Builder

1. Pick a template — welcome, newsletter, receipt or password reset
2. Add heading, text, button, image, divider or section blocks
3. Click a block to edit its copy, link, size or colors
4. Watch the live preview update with email-safe inline styles
5. Export real React Email code or plain HTML and paste it into your project

Features

• Block composer with headings, text, buttons, images, dividers and sections
• Four ready templates: welcome, newsletter, receipt and password reset
• Live email-safe preview with inline styles, like Gmail and Outlook see it
• Exports real React Email JSX using Html, Body, Container, Button and more
• Plain HTML export and one-click copy or download

Frequently asked questions