react-email
React Email
React Email builds emails from React and TypeScript components and turns them into the table-based, inline-styled HTML email clients accept. Since 6.0 (April 16, 2026) everything comes from one package, react-email, with the preview server in @react-email/ui; the old @react-email/components imports, renderAsync (removed) and the plainText render option (deprecated) belong to earlier versions. The styling rules exist because email clients support only part of CSS. Sending through the Resend API is the resend skill; deliverability, unsubscribe and compliance are the email-practices skill.
Apply only the routes and checks for the selected job. Read a linked skill's named file from its installed folder when available, or from the linked source. Report an unavailable required reference instead of inventing it. [skill-authoring, DISTRIBUTION.md#composing-skills]
| The job | Read |
|---|---|
Versions and Node, install (new, existing, monorepo), project layout, static files, PreviewProps, the email CLI and preview server, esbuild plugins, deploying the preview, changes by version and the 6.0 migration |
SETUP.md |
| The canonical template, structure rules, every component and its props, accessibility defaults and duties | COMPONENTS.md |
Tailwind and pixelBasedPreset, what doesn't inline, required classes, borders, layout and images, tagged email-design alternatives, the brand config, dark mode, client support caveats |
STYLING.md |
render, pretty, toPlainText, runtimes, sending with Resend (SDK, MCP, uploaded templates) and with other providers |
RENDERING-AND-SENDING.md |
What to ask before building, props instead of {{placeholders}}, the footer, the ready templates' props and caveats, internationalization |
PATTERNS.md |
The embeddable @react-email/editor: setup, API, export, themes and custom extensions |
EDITOR.md |
| Full code of the five ready templates: password reset, order confirmation, notification with code block, multi-column newsletter, team invitation | TEMPLATES.md |
Current docs as markdown for agents: https://react.email/docs/llms.txt. Client CSS support: https://www.caniemail.com.