Built for modern email workflows
Create responsive email templates visually and export ESP-ready HTML
This page focuses on practical outcomes, not just features: faster template production, cleaner handoff to engineering, and better cross-client reliability with MJML-driven output.
22k+
GitHub stars
100+
Ecosystem plugins
MJML
Email-safe markup
10+ yrs
Production maturity
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.
Useful outcomes in week one
Launch branded newsletters quickly
Start from reusable sections and keep typography, spacing, and CTA styles consistent across campaigns.
Reduce rendering surprises
Use email-safe structure and run compatibility checks before sending to avoid broken layouts.
Hand off reliable HTML to ESP tools
Export clean HTML that works with Mailgun, SendGrid, SES, and custom SMTP pipelines.
Build flow for teams and users
Pick a template foundation
Choose welcome, receipt, promo, or digest templates and map them to your brand system.
Customize visually with blocks
Edit headers, body modules, CTAs, and footers with drag-and-drop controls and inline style tools.
Preview and export safely
Validate rendering behavior, then export inlined HTML for your sending service.
Email template gallery
Welcome Email
Onboard new users with a clean welcome message
Newsletter
Weekly digest with image, text, and CTA blocks
Promotional
Sales and discount announcement template
Transactional Receipt
Order confirmation with line items and totals
Drip Campaign
Sequence email for SaaS onboarding flows
Weekly Digest
Curated content roundup with sections
Product Announcement
Feature launch email with hero image
Re-engagement
Win back inactive subscribers
Email builder plugins on GJS.Market
MJML Newsletter Preset
Full MJML-based email builder preset
Email Block Library
Header, footer, CTA, and content blocks
Responsive Preview
Test emails at mobile, tablet, desktop sizes
HTML Export
Export inlined HTML ready for any ESP
Image Optimizer
Auto-compress images for email deliverability
Dark Mode Styles
Add dark mode media query support to emails
How to build an email builder with GrapesJS
Install GrapesJS and the MJML plugin
Run npm install grapesjs grapesjs-mjml and import both in your project.
Initialize the editor with the newsletter preset
Pass grapesjsMjml in your plugins array to activate MJML block library and responsive templates.
Customize blocks for your use case
Add, remove, or modify blocks to match your email design system and brand guidelines.
Integrate with your sending service
Export HTML from editor.getHtml() and send via Mailgun, SendGrid, AWS SES, or any SMTP provider.
Add GJS.Market plugins for extra features
Dark mode, image optimization, and advanced export plugins are available on GJS.Market.
Best fit for these teams
Product and lifecycle teams
Manage onboarding, activation, and retention emails with reusable blocks and predictable output.
Agencies and growth teams
Build campaign variants faster and maintain visual consistency across multiple clients.
SaaS platforms with embedded editors
Offer customers an integrated email-builder experience without creating one from scratch.
Email client compatibility
| Email client | Web | Mobile | Notes |
|---|---|---|---|
| Gmail | ✓ | ✓ | Full support |
| Outlook 2019+ | ✓ | ✓ | Use MJML for best results |
| Apple Mail | ✓ | ✓ | Excellent rendering |
| Yahoo Mail | ✓ | ✓ | Most features supported |
| Samsung Email | N/A | ✓ | Good mobile support |
Launch checklist for a useful email builder
- ✓Define template types: welcome, newsletter, promo, transactional, and re-engagement.
- ✓Set block rules for spacing, typography, and button styles to enforce brand consistency.
- ✓Configure image hosting and optimization for lighter payloads and better deliverability.
- ✓Test key templates in Gmail, Outlook, Apple Mail, and Yahoo before release.
- ✓Implement draft and version history so teams can safely iterate on campaigns.
HTML email FAQ
Build better email templates with less rework
Use proven plugins and template blocks to move from first draft to production-ready email HTML faster.
Browse email plugins