React Email 5.0
New updates to React Email for improved UX and DX.
We're excited to announce React Email 5.0, featuring:
Update today and check the upgrade instructions below.
npm i react-email@latest @react-email/components@latest
React Email now has 920,325 weekly downloads on npm, that is a 117% increase since the last major release 7 months ago.
We also have 17,041 stars on GitHub and would like to thank all the 182 open source contributors who made this possible.
Dark Mode Switcher
Theming in email has always been a challenge, since each client renders emails differently. The new theming system makes this much easier. We've tested dark mode across the most popular email clients to ensure compatibility.
Tailwind 4
React Email now supports Tailwind 4. This allows for simpler code, and provides the opportunity for performance improvements.
Because React Email checks the compatibility of your CSS, you can safely develop with confidence that your emails will render correctly.
Resend Integration
Resend Templates are a new way to collaborate on emails with your team, even if they're not technical.
With this new integration, you can upload a React Email template to Resend and your entire team can collaborate in real-time in the visual editor.
Here's how to upload Templates from React Email to Resend.
After running npx react-email@latest resend setup and pasting an API key, the React Email CLI can upload Templates to Resend.
8 New Components
React Email includes components that you can copy and paste to build beautiful emails. It's one of the easiest ways to get started. React Email 5 includes several new components to the list to inspire your emails.
You can find more in the Components Gallery.
Upgrade instructions
Here's how to update from React Email 4.0 to 5.0.
A) Update your React Email packages:
npm i react-email@latest @react-email/components@latest
B) Replace all renderAsync uses with render method.
Make sure you update @react-email/components alongside react-email. The compatibility checker now only supports Tailwind 4, so you need to update both in sync.
Conclusion
In addition to the features we've released today, we've also upgraded React Email to support React 19.2 and Next.js 16.
If you want to know all the details about this release, check the React Email Changelog.