react-email

React Email

The next generation of writing emails.
High-quality, unstyled components for creating emails.

Website · GitHub

Getting started

To get started, open a new shell and run:

npx create-email

This will create a new folder called emails with a few email templates.

Commands

email dev

Starts a local development server that will watch your files and automatically rebuild your email when you make changes.

npx react-email dev

email export

Generates the plain HTML files of your emails into a out directory.

npx react-email export

Setting Up the Environment

When working in the CLI, a lot of friction can get introduced with installing it and rebuilding for every change. To avoid that, we have a script that can be linked globally to directly run the source code of the CLI. You can use it the same as you would the standard CLI.

1. Link react-email globally

pnpm link ./dev -g

2. Run the CLI

email-dev [command] [flags]

License

MIT License

Similar packages

Other packages similar to react-email

mjml-react

mjml-react is a package that allows you to use MJML components in React to create responsive email templates. It provides a higher-level abstraction for creating emails, focusing on responsiveness and compatibility across email clients. Compared to react-email, mjml-react is more specialized in ensuring that emails look good on all devices and email clients.

react-html-email

react-html-email is a package for creating HTML emails using React components. It provides utilities for inline styles and media queries, making it easier to create responsive and visually appealing emails. Compared to react-email, react-html-email offers more built-in utilities for handling email-specific styling challenges.

email-templates

email-templates is a package that allows you to create, preview, and send email templates using various templating engines, including React. It provides a more comprehensive solution for managing email templates, including features for previewing and sending emails. Compared to react-email, email-templates offers a broader range of templating options and additional features for email management.