Build stunning emails
with AI + drag & drop
Describe your email and let AI generate it — or drag & drop it yourself. A Vue 3 email editor with built-in AI chat, 47 free templates, MJML rendering, and full responsive preview.
Ship faster with ready‑made templates
Every template ships with the npm package — no account needed, no API calls. Import, customize in the editor, and export production‑ready HTML.
import { starterTemplates } from '@lab2view/vue-email-editor'1. AI-powered template generation
Describe your email in plain language and let AI build the entire template for you. The built-in AI chat panel generates complete, production-ready MJML templates from a simple prompt — with full preview before applying. Refine the result through conversation: ask the AI to tweak colors, add sections, or change the layout, and see updates instantly. Bring your own AI provider (OpenAI, Anthropic, or any LLM) with the flexible BYOAI pattern. From first draft to final design, AI makes email creation faster than ever.
2. Responsive on every device
Every email you craft is rendered through MJML, the industry-standard framework for responsive email markup. This means your designs automatically adapt to any screen size — from widescreen desktop monitors to the smallest mobile displays. Preview your layouts in real-time across multiple breakpoints before hitting send, ensuring pixel- perfect rendering in Gmail, Outlook, Apple Mail, and dozens of other clients. No more broken tables or misaligned columns; just consistently beautiful emails that look exactly as you intended.
3. Fully customizable templates
Take complete creative control over every element of your email templates. Adjust color palettes, typography, spacing, and layout structures through an intuitive visual interface that requires zero coding knowledge. Save your brand presets — logos, fonts, color schemes — and reuse them across campaigns for effortlessly consistent communications. From custom header compositions to tailored footer layouts, every component is designed to reinforce your brand identity and make your emails unmistakably yours.
4. Visual drag & drop editing
Build stunning emails without writing a single line of HTML. Our intuitive drag-and-drop editor lets you assemble professional layouts by simply placing content blocks exactly where you want them. Choose from a rich library of pre-built sections — headers, columns, images, buttons, and more — then customize every detail through a clean visual interface. Powered by a modern Vue.js architecture, the editor delivers a seamless experience that bridges the gap between design freedom and technical precision.
QUICK START
Up and running in 3 steps
Drop it into your Vue app and start building emails instantly.
Install the package
npm i @lab2view/vue-email-editorImport the component
<EmailEditor :templates="templates" />Customize & send
Choose a template, customize it visually, export responsive HTML.
WHY DEVELOPERS LOVE IT
Trusted by teams worldwide
"The drag-and-drop editor completely changed how we build email campaigns. What used to take our team hours now takes minutes. The MJML output is clean and renders perfectly across every client."
"We evaluated every email builder on the market. Nothing came close to this level of flexibility with such a clean developer experience. Our designers love the visual editor, and our devs love the code output."
"Setting up took literally under a minute. We dropped it into our Vue app, connected it to our API, and had a fully functional email template builder live in production the same afternoon. Incredible DX."
GET STARTED TODAY
Start building beautiful
emails in minutes
Join developers and marketing teams who trust vue-email-editor
to create stunning, responsive emails without writing HTML.
npm install @lab2view/vue-email-editor