vue-email

Simple way to build email templates in vue.

• ✨  Release Notes
• 📖  Read the documentation
• 💚  Nuxt Module

Features

• 🧩 Build email templates with Vue components
• 📨 Integrates with many email providers
• 🧪 Tested against popular email clients
• 🎨 Supports Tailwind CSS
• 📦 Supports Nuxt.js

Setup

📖 Read the documentation

# pnpm
pnpm add -D vue-email

# npm
npm i -D vue-email

Basic Usage

📖 Read the documentation

// components/template-email.vue
<template>
   <e-html lang="en">
      <e-text>Hello, {{ user }}!</e-text>
      <e-hr />
      <e-button href="vuejs.org">Visit vue</e-button>
   </e-html>
</template>

<script setup>
import { EButton, EHr, EHtml, EText } from 'vue-email';
import { ref } from 'vue';
   
const user = ref('Dave');
</script>

You can see the full example here

💻 Development

1. Clone this repository
2. Enable Corepack using corepack enable
3. Install dependencies using pnpm install

Contributors

Repo Activity

📝 Annotations

This project is originally written in react (react-email) by:

• Bu Kinoshita (@bukinoshita)
• Zeno Rocha (@zenorocha)

License

This project is licensed under MIT