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.

Installation

Learn how to install VueEmail in your project.

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 separated 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

Credits