Build responsive emails with drag-and-drop
GrapesJS, combined with the MJML preset, is the most powerful open-source option for building an email editor. Whether you are building an email marketing SaaS, a CRM email designer, or a standalone newsletter tool — GJS.Market has the plugins and presets you need.
Browse email plugins →What Makes GrapesJS Great for Email
MJML Preset
Write responsive email markup with MJML — GrapesJS renders it visually in the canvas.
Responsive Blocks
Pre-built drag-and-drop email blocks that scale perfectly on mobile and desktop.
Cross-Client Output
Outputs clean, inlined HTML that renders correctly in Gmail, Outlook, and Apple Mail.
Clean HTML Export
One-click export of the final inlined HTML ready to paste into any email sending service.
Featured Email Plugins
GrapesJS MJML Preset
Full MJML support with drag-and-drop components
Newsletter Blocks
Pre-built email content blocks for newsletters
Email Template Library
50+ responsive email templates
CSS Inliner
Automatically inlines CSS for email compatibility
Storage Manager
Save and load email templates from your backend
Export HTML
Export finalized email HTML for any sending service
Dark Mode Preview
Preview your email in dark mode before sending
Spam Score Checker
Analyze your email content for spam triggers
Email Template Gallery
Welcome Email
Clean onboarding email for new users
Newsletter
Weekly digest with image grid and CTA
Promotional
Sale announcement with bold visuals
Transactional
Order confirmation and receipt layout
Abandoned Cart
Re-engage shoppers who left items behind
Re-engagement
Win-back campaign for inactive subscribers
Integration Guide: GrapesJS + MJML + Sending Service
// Step 1: Install
npm install grapesjs grapesjs-preset-newsletter
// Step 2: Initialize with MJML preset
import grapesjs from 'grapesjs';
import newsletter from 'grapesjs-preset-newsletter';
const editor = grapesjs.init({
container: '#email-editor',
plugins: [newsletter],
storageManager: false,
});
// Step 3: Get output for your sending service
const html = editor.getHtml();
// → Paste into Sendgrid, Mailchimp, AWS SES, etc.GrapesJS Email vs Unlayer vs Stripo
| Feature | GrapesJS | Unlayer | Stripo |
|---|---|---|---|
| Open Source | Yes (MIT) | No | No |
| MJML Support | Yes (plugin) | No | Partial |
| Custom Blocks | Yes | Yes | Limited |
| Pricing | Free + plugins | $49/mo+ | $15/mo+ |
| Self-hosted | Yes | No | Enterprise only |