React Email The next generation of writing emails. High quality, unstyled components for creating emails. Website · GitHub Introduction A collection of high quality, unstyled components for creating beautiful emails using React and TypeScript. It reduces the pain of coding responsive emails with dark mode support. It also takes care of inconsistencies between Gmail, Outlook, and other email clients for you. Why We believe that email is an extremely important medium for people to communicate. However, we need to stop developing emails like 2010, and rethink how email can be done in 2026 and beyond. Email development needs a revamp. A renovation. Modernized for the way we build web apps today. Install [安装/使用命令见下方] Getting started Define your email template with React, include styles and our components where needed. [安装/使用命令见下方] Components A set of standard components to help you build amazing emails without having to deal with the mess of creating table based layouts and maintaining archaic markup. Html Head Button Container CodeBlock CodeInline Column Row Font Heading Divider Image Link Markdown Preview Section Tailwind Paragraph Body Editor React Email also provides an Editor built on top of TipTap and ProseMirror, It serializes to React Email components, and exports email ready HTML and plain text. See the Editor documentation for more details. Integrations Emails built with React Email can be converted into HTML and sent using any email service provider. Here are some examples: Resend Nodemailer SendGrid MailerSend Mailgun Postmark AWS SES Azure Communication Email Plunk Scaleway Support All components were tested using the most popular email clients. Gmail ✔ Apple Mail ✔ Outlook ✔ Yahoo! Mail ✔ HEY ✔ Superhuman ✔ Development workflow 1. Setting up your development environment 2. Running tests 3. Linting 4. Building 5. Writing documentation Contributing Contribution Guide Brought to you by Resend, MIT License.