Email Overview
Transactional emails built with React Email and modular providers.
VibeKit includes a transactional email system in packages/mail powered by React Email.
Key features
- React components: Emails are authored as React components with Tailwind CSS styling.
- Provider agnostic: Switch between Resend, Postmark, Cloudflare, Plunk, Nodemailer, or Console output without changing template code.
- Multi-language: Email subject lines and content use the locale passed to
sendEmail; omitting it uses the configured default. - Live browser preview: Test and visually inspect email templates during development with hot reload on port
3005.
Sending an email
Use the sendEmail function from packages/mail:
import { sendEmail } from "mail";
await sendEmail({
to: "[email protected]",
templateId: "newUser",
locale: "en",
context: {
name: "Alex",
otp: "123456",
url: "https://example.com/auth/verify?type=SIGNUP&identifier=customer%40example.com&code=123456",
},
});Explore supported mail providers in Email Providers.