resend/react-email

React Email is a TypeScript library that lets you design and build email templates using React, the same component-based approach developers use to build modern websites. The problem it solves is that coding HTML emails is notoriously painful: you have to use old-fashioned table-based layouts, work around deep inconsistencies between email clients like Gmail, Outlook, and Apple Mail, and handle dark mode yourself. React Email abstracts all of that away. You write your email template as React components, buttons, headings, images, columns, and so on, and the library handles converting them into email-safe HTML that renders correctly across major email clients. It also includes a visual editor built on top of TipTap and ProseMirror for those who prefer a drag-and-drop approach. The resulting templates work with popular sending services including Resend, SendGrid, Nodemailer, Mailgun, Postmark, AWS SES, and others. You would use React Email if you are a developer already comfortable with React and TypeScript who needs to build transactional or marketing emails without dealing with the mess of raw email HTML. It installs via npm and is brought to you by the Resend team.