@react-email/render

@react-email/render

Transform React components into HTML email templates.

Website · GitHub

Install

Install component from your command line.

With yarn

yarn add @react-email/render -E

With npm

npm install @react-email/render -E

Getting started

Convert React components into a HTML string.

import { MyTemplate } from "../components/MyTemplate";
import { render } from "@react-email/render";

const html = await render(<MyTemplate firstName="Jim" />);

License

MIT License

Similar packages

Other packages similar to @react-email/render

react-html-email

react-html-email is a package that provides tools for building and sending HTML emails using React components. It offers similar functionality to @react-email/render, including the ability to create reusable components and render them to HTML. However, it also includes additional features like CSS inlining and email validation.

mjml-react

mjml-react is a package that allows developers to use MJML (a markup language designed for responsive email) with React components. It provides a higher-level abstraction for creating responsive email templates, which can be more convenient for complex layouts compared to @react-email/render.

react-email-components

react-email-components is a library of pre-built React components specifically designed for email templates. It simplifies the process of creating email layouts by providing a set of common components like buttons, headers, and footers. While @react-email/render focuses on rendering any React component to HTML, react-email-components provides ready-to-use components for common email elements.