Add email to your React app
An open source tool for developing and sending compatible, consistent emails from any app
How it works
01 Add Mailing to your app
Mailing adds an
emails
directory to your Node app. Email templates go in here and can import shared constants, images, and components. Templates stay under source control with the rest of your code.02 Develop emails in React
Built-in MJML-React support means you can make templates compatible across email clients without thinking about table layout. The Mailing preview server gives you hot reload as you develop.
03 Send with any transport
Mailing is transport agnostic. The
sendMail
function renders React MJML templates to HTML and sends them to your mailing list subscribers. This function is built with Nodemailer, so you can pass in any options that Nodemailer supports.Simple dev
Collaborative
Self-host previews on Vercel to keep your team on the same page. Product and design folks can stay up-to-date with live versions of emails and review PR previews in development.
Open source
Mailing is open source tool because we want to build software that outlasts our company. We love to get regular input and contributions from the community. Need a feature? Open an issue.
Zero lock-in
The Mailing dev environment and nodemailer
sendMail
proxy are free. If you want to send with another system, export the preview HTML or use the React templates with the render
function.Demo templates
Customize
demo template
aChange a handful of constants to make any of these starter templates your own. If you need design system updates down the line, it’ll be easy to collaborate with designers and to keep your email and app experiences consistent.
Get Started →Level up with Platform
Add a DB,
own your listUpgrade to Mailing Platform by adding a database. Every user that you
Learn More →sendMail
to is saved to your audience. There’s no limit to the size of your audience.Give users
unsub prefsDrop-in unsubscribe links and subscription preferences give your users control of what email they receive. If you try to
Learn More →sendMail
to an unsubscribed user, Mailing intelligently blocks the send.Kind words
Cymen Vig
View on Github →Really happy to find mailing – thank you for sharing it. I was already using MJML but it didn’t fit well in my workflow. I’m excited to be able to use all of that and have the excellent preview capabilities of mailing!
Will Viles
View on Github →Wow, you guys are fast! Thank you @alexfarrill @psugihara for such a speedy fix 👍
Johan
Again, thanks for the beautiful development experience mailing brings.
Steven Tey
View on Twitter →Spent the weekend creating some transactional emails for @dubdotsh with mailing.run – it’s a gamechanger 🤯
✅ Develop & preview emails with @nextjs’fast refresh
✅ Intercept emails & show a preview in localhost
✅ One-click deploy your email previews to @vercel
✅ Develop & preview emails with @nextjs’fast refresh
✅ Intercept emails & show a preview in localhost
✅ One-click deploy your email previews to @vercel
Guillermo Rauch
View on Twitter →This is sublime. Action Mailer-inspired, @nextjs compatible email system. Send emails built with @reactjs components.
mailing.run
mailing.run
Sidi Dev
View on Twitter →After I checked out mailing.run I liked it so much, and the best thing is how to deploy it on vercel, I decided to use it to build a newsletter script for @float_ui 😍