react-email
Installation
Summary
Build and send HTML emails using React components with client-safe styling and preview testing.
- Component-based email development with TypeScript support, featuring core layout components (Html, Body, Container, Section, Row, Column) and content elements (Heading, Text, Button, Image, CodeBlock)
- Tailwind CSS styling via the Tailwind component with pixel-based preset; table-based layouts required for email client compatibility
- Local dev server preview at localhost:3000 with live editing; supports rendering to HTML or plain text for any email service provider
- Static image hosting with dev/production URL switching; supports PNG and JPG only (SVG and WEBP not reliable in email clients)
- Built-in i18n support for next-intl, react-i18next, and react-intl; quick integration with Resend SDK for sending
SKILL.md
React Email
Build and send HTML emails using React components - a modern, component-based approach to email development that works across all major email clients.
Installation
npm i react-email
Or scaffold a new project:
npx create-email@latest
cd react-email-starter
npm install
npm run dev