Add email to your React app

An open source tool for developing and sending compatible, consistent emails from any app
Mailing previewer screenshot

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

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

Lancey
Source  ·  Demo
Lancey
Mailing
Source  ·  Demo
Mailing
BBeam
Source  ·  Demo
BBeam
Fynn
Source  ·  Demo
Fynn
Thoughtful Post
Source  ·  Demo
Thoughtful Post
BookBook
Source  ·  Demo
BookBook

Customize a
demo template

Mailing demo theme
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
Upgrade to Mailing Platform by adding a database. Every user that you sendMail to is saved to your audience. There’s no limit to the size of your audience.
Learn More  →

Give users unsub prefs

Mailing subscription preferences screenshot
Drop-in unsubscribe links and subscription preferences give your users control of what email they receive. If you try to sendMail to an unsubscribed user, Mailing intelligently blocks the send.
Learn More  →

Kind words

Cymen Vig

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

Will Viles

View on Github   →
Wow, you guys are fast! Thank you @alexfarrill @psugihara for such a speedy fix 👍
Johan

Johan

Again, thanks for the beautiful development experience mailing brings.
Steven Tey

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
Guillermo Rauch

Guillermo Rauch

View on Twitter   →
This is sublime. Action Mailer-inspired, @nextjs compatible email system. Send emails built with @reactjs components.

mailing.run
Sidi Dev

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 😍