# Vuemail

> A collection of high-quality, unstyled components for creating beautiful emails using Vue and TypeScript.

Vuemail is an open-source library that lets developers build emails with Vue components instead of raw HTML tables. It includes unstyled primitives (Button, Container, Head, Html, Img, Link, Section, Text, etc.) and a pattern library of 60+ copy-paste components across 25 categories.

## Key Links

- Documentation: https://vuemail.dev/docs
- Documentation for LLMs: https://vuemail.dev/docs/llms.txt
- Components: https://vuemail.dev/components
- Templates: https://vuemail.dev/templates
- Editor: https://vuemail.dev/editor
- GitHub: https://github.com/psycarlo/vuemail
- npm: https://www.npmjs.com/package/@vuemaildev/vuemail

## Getting Started

npx create-vuemail@latest

## Integrations

Works with any email provider: Resend, SendGrid, AWS SES, Postmark, Nodemailer, and more.

## Component Categories

Headers, Footers, Container, Section, Grid, Divider, Heading, Text, Link, Buttons, Image, Avatars, Gallery, List, Code Inline, Code Block, Markdown, Articles, Features, Stats, Testimonials, Feedback, Pricing, Ecommerce, Marketing

## Skills

- [Vuemail Skill](https://raw.githubusercontent.com/psycarlo/vuemail/main/skills/vuemail/SKILL.md)

## Optional

- [Full component catalog](https://vuemail.dev/llms-full.txt)
- [Components as markdown](https://vuemail.dev/components.md): append `.md` to any components URL, or send `Accept: text/markdown`
- [Templates as markdown](https://vuemail.dev/templates.md): every template with its preview and source links