Getting Started
Introduction
Build and send emails using Vue.
This module is inspired by the Resend team's React Email library, its goal is to provide everything related to Building and sending emails using Vue. This includes components, render utilities.
Getting Started
Vue Email is designed to be incrementally adopted, so you can add it to most codebases that support vue in a few minutes.
Components
This is a set of standard components to help you build amazing emails without having to deal with the mess of creating table-based layouts and maintaining archaic markup.
HTML
A Vue html component to wrap your email content.
Container
The main wrapper that hold your content.
Button
A Vue button component to help build emails.
Text
A block of text seeprated by blank spaces.
Integrations
In order to use Vue Email with any email service provider, you’ll need to convert the components made with Vue into a HTML string. This is done using the render utility.
Resend
Send email using Resend.
Nodemailer
Send email using Nodemailer.
Sendgrid
Send email using Sendgrid.
Postmark
Send email using Postmark.
AWS SES
Send email using AWS SES.
MailerSend
Send email using MailerSend.
Features
- Build email templates with Vue components
- Integrates with many email providers
- Tested against popular email clients
- Supports Tailwind CSS
- First-class support for Nuxt 3
- Fully typed