# Vuemail

- [Vuemail](https://vuemail.dev/docs/introduction.md): Build and send emails using Vue and TypeScript.
- [Changelog](https://vuemail.dev/docs/changelog.md): New features, bug fixes, and improvements made to each package.
- [Roadmap](https://vuemail.dev/docs/roadmap.md): Understand what is currently being prioritized and what we are planning to build in the near future.
- [CLI](https://vuemail.dev/docs/cli.md): After installing the Vuemail package (or cloning a starter), you can start using the command line interface (CLI).
- [Deployment](https://vuemail.dev/docs/deployment.md): How to deploy the preview of your emails as a static website
- [Automatic Setup](https://vuemail.dev/docs/getting-started/automatic-setup.md): Add Vuemail to any JavaScript or TypeScript project in minutes.
- [Manual Setup](https://vuemail.dev/docs/getting-started/manual-setup.md): Create a brand-new folder with packages powered by Vuemail.
- [Nuxt](https://vuemail.dev/docs/getting-started/nuxt.md): Render and send emails from the server routes of a Nuxt app.
- [Setting up for npm workspaces](https://vuemail.dev/docs/getting-started/monorepo-setup/npm.md): Configure Vuemail on a npm monorepo
- [Setting up for pnpm workspaces](https://vuemail.dev/docs/getting-started/monorepo-setup/pnpm.md): Configure Vuemail on a pnpm monorepo
- [Setting up for yarn workspaces](https://vuemail.dev/docs/getting-started/monorepo-setup/yarn.md): Configure Vuemail on a yarn monorepo
- [Setting up for bun workspaces](https://vuemail.dev/docs/getting-started/monorepo-setup/bun.md): Configure Vuemail on a bun monorepo
- [Migrating to Vuemail](https://vuemail.dev/docs/getting-started/migrating-to-vuemail.md): Migrate from another email rendering framework to Vuemail
- [Updating Vuemail](https://vuemail.dev/docs/getting-started/updating-vuemail.md): How to update Vuemail to a newer version
- [vue-i18n](https://vuemail.dev/docs/guides/internationalization/vue-i18n.md): Integrating Vuemail with vue-i18n
- [Messages as props](https://vuemail.dev/docs/guides/internationalization/messages-as-props.md): Localize Vuemail emails by passing their messages as props
- [Custom Vite plugins](https://vuemail.dev/docs/guides/vite-plugins.md): Run your own Vite plugins when Vuemail compiles your templates
- [Compiling emails with Vite](https://vuemail.dev/docs/guides/vite.md): How Vuemail compiles your emails, and how to compile them in your own code
- [HTML](https://vuemail.dev/docs/components/html.md): A Vue html component to wrap emails.
- [Head](https://vuemail.dev/docs/components/head.md): Contains head components, related to the document such as style and meta elements.
- [Body](https://vuemail.dev/docs/components/body.md): A Vue body component to wrap the contents of an email.
- [Button](https://vuemail.dev/docs/components/button.md): A link that is styled to look like a button.
- [Container](https://vuemail.dev/docs/components/container.md): A layout component that centers your content horizontally on a breaking point.
- [Code Block](https://vuemail.dev/docs/components/code-block.md): Display code with a selected theme and regex highlighting using Prism.js.
- [Code Inline](https://vuemail.dev/docs/components/code-inline.md): Display a predictable inline code HTML element that works on all email clients.
- [Column](https://vuemail.dev/docs/components/column.md): Display a column that separates content areas vertically in your email. A column needs to be used in combination with a Row component.
- [Row](https://vuemail.dev/docs/components/row.md): Display a row that separates content areas horizontally in your email.
- [Font](https://vuemail.dev/docs/components/font.md): A Vue Font component to set your fonts.
- [Heading](https://vuemail.dev/docs/components/heading.md): A block of heading text.
- [Hr](https://vuemail.dev/docs/components/hr.md): Display a divider that separates content areas in your email.
- [Image](https://vuemail.dev/docs/components/image.md): Display an image in your email.
- [Link](https://vuemail.dev/docs/components/link.md): A hyperlink to web pages, email addresses, or anything else a URL can address.
- [Markdown](https://vuemail.dev/docs/components/markdown.md): A Markdown component that converts markdown to valid Vuemail template code
- [Preview](https://vuemail.dev/docs/components/preview.md): A preview text that will be displayed in the inbox of the recipient.
- [Section](https://vuemail.dev/docs/components/section.md): Display a section that can also be formatted using rows and columns.
- [Tailwind](https://vuemail.dev/docs/components/tailwind.md): A Vue component to wrap emails with Tailwind CSS.
- [Text](https://vuemail.dev/docs/components/text.md): A block of text separated by blank spaces.
- [Render](https://vuemail.dev/docs/utilities/render.md): Transform Vue components into HTML email templates.
- [Overview](https://vuemail.dev/docs/integrations/overview.md): Leverage different email service providers to send emails using Vue.
- [Send email using Resend](https://vuemail.dev/docs/integrations/resend.md): Learn how to send an email and set up Templates using Vuemail and the Resend Node.js SDK.
- [Send (& receive) emails using Inbound](https://vuemail.dev/docs/integrations/inbound.md): Learn how to send and receive emails using Vuemail and the Inbound Node.js SDK.
- [Send email using Nodemailer](https://vuemail.dev/docs/integrations/nodemailer.md): Learn how to send an email using Vuemail and Nodemailer.
- [Send email using Mailgun](https://vuemail.dev/docs/integrations/mailgun.md): Learn how to send an email using Vuemail and the Mailgun JavaScript SDK.
- [Send email using SendGrid](https://vuemail.dev/docs/integrations/sendgrid.md): Learn how to send an email using Vuemail and the SendGrid Node.js SDK.
- [Send email using Postmark](https://vuemail.dev/docs/integrations/postmark.md): Learn how to send an email using Vuemail and the Postmark Node.js SDK.
- [Send email using AWS SES](https://vuemail.dev/docs/integrations/aws-ses.md): Learn how to send an email using Vuemail and the AWS SES Node.js SDK.
- [Send email using Azure Communication Email](https://vuemail.dev/docs/integrations/azure-communication-email.md): Learn how to send an email using Vuemail and the Azure Communication Email SDK.
- [Send email using MailerSend](https://vuemail.dev/docs/integrations/mailersend.md): Learn how to send an email using Vuemail and the MailerSend Node.js SDK.
- [Send email using Scaleway Transactional Email](https://vuemail.dev/docs/integrations/scaleway.md): Learn how to send an email using Vuemail and the Scaleway Node.js SDK.
- [Send email using Plunk](https://vuemail.dev/docs/integrations/plunk.md): Learn how to send an email using Vuemail and the Plunk Node.js SDK.
- [Send email using Lettermint](https://vuemail.dev/docs/integrations/lettermint.md): Learn how to send an email using Vuemail and the Lettermint Node.js SDK.
- [Send email using eusend](https://vuemail.dev/docs/integrations/eusend.md): Learn how to send an email using Vuemail and the eusend Node.js SDK.
- [Send email using Brevo](https://vuemail.dev/docs/integrations/brevo.md): Learn how to send an email using Vuemail and the Brevo Node.js SDK.
- [Getting Started](https://vuemail.dev/docs/contributing/introduction.md)
- [Opening issues](https://vuemail.dev/docs/contributing/opening-issues.md)
- [Opening pull requests](https://vuemail.dev/docs/contributing/opening-pull-requests.md)
- [Codebase overview](https://vuemail.dev/docs/contributing/codebase-overview.md): An overview of the Vuemail codebase
- [Setup](https://vuemail.dev/docs/contributing/development-workflow/1-setup.md): Things you will need to do beforehand to setup the project
- [Running tests](https://vuemail.dev/docs/contributing/development-workflow/2-running-tests.md): Everything you need to know about our testing setup and strategy
- [Linting](https://vuemail.dev/docs/contributing/development-workflow/3-linting.md): Everything you need to know about linting and formatting
- [Building](https://vuemail.dev/docs/contributing/development-workflow/4-building.md): How we build each package before publishing
- [Writing docs](https://vuemail.dev/docs/contributing/development-workflow/5-writing-docs.md)
- [Editing the components](https://vuemail.dev/docs/contributing/development-workflow/6-editing-the-components.md)
- [Editor](https://vuemail.dev/docs/editor/overview.md): An embeddable visual editor for building Vuemail templates.
- [Getting Started](https://vuemail.dev/docs/editor/getting-started.md): Set up the email editor in your Vue project in under 5 minutes.
- [Bubble Menu](https://vuemail.dev/docs/editor/features/bubble-menu.md): Add floating formatting toolbars that appear on text selection.
- [Inspector](https://vuemail.dev/docs/editor/features/inspector.md): Add a contextual sidebar for document, node, and text editing.
- [Slash Commands](https://vuemail.dev/docs/editor/features/slash-commands.md): Add a command menu for inserting content blocks.
- [Email Theming](https://vuemail.dev/docs/editor/features/theming.md): Apply and customize visual themes for email output.
- [Styling](https://vuemail.dev/docs/editor/features/styling.md): Customize the editor's appearance with CSS variables, data attributes, and content classes.
- [Buttons](https://vuemail.dev/docs/editor/features/buttons.md): Add and edit email buttons with the button bubble menu.
- [Column Layouts](https://vuemail.dev/docs/editor/features/column-layouts.md): Insert responsive multi-column layouts.
- [Link Editing](https://vuemail.dev/docs/editor/features/link-editing.md): Add inline link editing with the link bubble menu.
- [Email Export](https://vuemail.dev/docs/editor/features/email-export.md): Convert editor content to email-ready HTML.
- [Image Upload](https://vuemail.dev/docs/editor/features/image-upload.md): Upload images via paste, drop, or slash command with the image upload plugin.
- [Extensions](https://vuemail.dev/docs/editor/advanced/extensions.md): Configure and customize the editor's built-in extensions.
- [Event Bus](https://vuemail.dev/docs/editor/advanced/event-bus.md): Communicate between editor components using typed events.
- [Custom Extensions](https://vuemail.dev/docs/editor/advanced/custom-extensions.md): Create custom email-compatible editor nodes and marks.
- [EmailEditor](https://vuemail.dev/docs/editor/api-reference/email-editor.md): Standalone editor component with built-in menus, slash commands, and export helpers.
- [composeVueEmail](https://vuemail.dev/docs/editor/api-reference/compose-vue-email.md): Convert editor content to email-ready HTML and plain text.
- [EmailNode](https://vuemail.dev/docs/editor/api-reference/email-node.md): Base class for creating editor nodes with email serialization.
- [EmailMark](https://vuemail.dev/docs/editor/api-reference/email-mark.md): Base class for creating editor marks with email serialization.
- [Extensions Reference](https://vuemail.dev/docs/editor/api-reference/extensions-list.md): Complete reference of all built-in editor extensions.
- [Theming API](https://vuemail.dev/docs/editor/api-reference/theming-api.md): Types and utilities for the email theming system.
- [Image Upload API](https://vuemail.dev/docs/editor/api-reference/image-upload-api.md): Composable, types, slash command, and editor commands for image uploads.
- [BubbleMenu](https://vuemail.dev/docs/editor/api-reference/ui/bubble-menu.md): Floating contextual toolbars for text, links, images, and buttons.
- [EditorFocusScope](https://vuemail.dev/docs/editor/api-reference/ui/editor-focus-scope.md): Track editor focus across portaled UI with EditorFocusScope.
- [Inspector](https://vuemail.dev/docs/editor/api-reference/ui/inspector.md): Contextual sidebar components for document, node, and text editing.
- [SlashCommand](https://vuemail.dev/docs/editor/api-reference/ui/slash-command.md): Command menu triggered by typing a character.

## Optional

- [Components](https://vuemail.dev/components)
- [Templates](https://demo.vuemail.dev/preview/Community/notifications/vercel-invite-user)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.