HTML Email Template Builder — Drag-and-Drop with GrapesJS

Design responsive emails with drag-and-drop

22k+
GitHub Stars
100+
Plugins
MIT
License
10yrs+
In Production

GrapesJS is the developer-first HTML email template builder framework. With MJML integration, responsive block library, and cross-client compatibility, it provides everything you need to build an email editor into your product. GJS.Market offers free and premium plugins to accelerate your email builder project.

Get email plugins →

Email builder features

Responsive by default

MJML generates mobile-responsive HTML automatically. No manual media queries needed.

MJML support

Native MJML plugin compiles your design to email-safe HTML with Outlook and Gmail compatibility.

Cross-client output

Test your templates across Gmail, Outlook, Apple Mail, and Yahoo before sending.

Clean HTML export

Export inlined HTML ready for any email sending service: Mailgun, SendGrid, AWS SES, etc.

Email template gallery

Transactional

Welcome Email

Onboard new users with a clean welcome message

Newsletter

Newsletter

Weekly digest with image, text, and CTA blocks

Marketing

Promotional

Sales and discount announcement template

Transactional

Transactional Receipt

Order confirmation with line items and totals

Drip

Drip Campaign

Sequence email for SaaS onboarding flows

Newsletter

Weekly Digest

Curated content roundup with sections

Marketing

Product Announcement

Feature launch email with hero image

Retention

Re-engagement

Win back inactive subscribers

Email builder plugins on GJS.Market

Email$29

MJML Newsletter Preset

Full MJML-based email builder preset

Blocks$19

Email Block Library

Header, footer, CTA, and content blocks

UIFree

Responsive Preview

Test emails at mobile, tablet, desktop sizes

ExportFree

HTML Export

Export inlined HTML ready for any ESP

Assets$14

Image Optimizer

Auto-compress images for email deliverability

Styles$9

Dark Mode Styles

Add dark mode media query support to emails

How to build an email builder with GrapesJS

1

Install GrapesJS and the MJML plugin

Run npm install grapesjs grapesjs-mjml and import both in your project.

2

Initialize the editor with the newsletter preset

Pass grapesjsMjml in your plugins array to activate MJML block library and responsive templates.

3

Customize blocks for your use case

Add, remove, or modify blocks to match your email design system and brand guidelines.

4

Integrate with your sending service

Export HTML from editor.getHtml() and send via Mailgun, SendGrid, AWS SES, or any SMTP provider.

5

Add GJS.Market plugins for extra features

Dark mode, image optimization, and advanced export plugins are available on GJS.Market.

Email client compatibility

Email clientWebMobileNotes
GmailFull support
Outlook 2019+Use MJML for best results
Apple MailExcellent rendering
Yahoo MailMost features supported
Samsung EmailN/AGood mobile support

HTML email FAQ

Start building email templates today

Browse MJML plugins, block libraries, and email presets on GJS.Market.

Get email plugins →