Add email to your React app
An open source tool for developing and sending compatible, consistent emails from any app
![Mailing previewer screenshot](/_next/image?url=%2Fhomepage%2Fpreviewer-screenshot.png&w=2048&q=75)
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
![Fynn email screenshot with code](/_next/image?url=%2Fhomepage%2Ffynn-code.png&w=1080&q=75)
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
a![Mailing demo theme](/_next/image?url=%2Fhomepage%2Fdemo-theme.png&w=1080&q=75)
Change 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 list![Mailing list screenshot](/_next/image?url=%2Fhomepage%2Flist-screenshot.png&w=1920&q=75)
Upgrade 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 prefs![Mailing subscription preferences screenshot](/_next/image?url=%2Fhomepage%2Fprefs-screenshot.png&w=1920&q=75)
Drop-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.Pricing
Starter
Free
unlimited sends
- Free demo templates
- Hot reload MJML-React template development environment
- Self-hosted on Vercel
- REST API to render and send from any environment, not just Node apps
Platform
Free in beta
then $10/100k sends/mo
- Everything included in Starter
- Dedicated onboarding and engineering support
- Mailing list management
- Drop-in unsubscribe links and subscription preferences
Kind words
![Cymen Vig](/_next/image?url=%2Fhomepage%2Ftestimonial-cv%402x.png&w=128&q=75)
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](/_next/image?url=%2Fhomepage%2Ftestimonial-wv%402x.png&w=128&q=75)
Will Viles
View on Github →Wow, you guys are fast! Thank you @alexfarrill @psugihara for such a speedy fix 👍
![Johan](/_next/image?url=%2Fhomepage%2Ftestimonial-email%402x.png&w=128&q=75)
Johan
Again, thanks for the beautiful development experience mailing brings.
![Steven Tey](/_next/image?url=%2Fhomepage%2Ftestimonial-st%402x.png&w=128&q=75)
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](/_next/image?url=%2Fhomepage%2Ftestimonial-gr%402x.jpeg&w=128&q=75)
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](/_next/image?url=%2Fhomepage%2Ftestimonial-sd%402x.png&w=128&q=75)
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 😍