react-email
Advanced tools
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.
email devStarts a local development server that will watch your files and automatically rebuild your email when you make changes.
npx react-email dev
email exportGenerates the plain HTML files of your emails into a out directory.
npx react-email export
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.
react-email globallypnpm link ./dev -g
email-dev [command] [flags]
MIT License
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 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 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.
FAQs
A live preview of your emails right in your browser.
The npm package react-email receives a total of 1,672,125 weekly downloads. As such, react-email popularity was classified as popular.
We found that react-email demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket Firewall blocks malicious VS Code and Open VSX extensions before install, protecting developers from compromised editor marketplaces.
Research
More than 140 Mastra npm packages were compromised in a supply chain attack that used a typosquatted dependency to deliver a cross-platform infostealer during installation.
Research
/Security News
A new npm package tests AI malware scanners with prompt injection, safety-triggering comments, context flooding, and obfuscated JavaScript.