Drop a production-ready drag-and-drop email editor into any web application — host CSS and design systems can't break it. Saving, version history, comments, test sends and rendering all plug into your own backend, through plain config objects you implement. Source-available and framework-agnostic.
One open skill for Claude Code, Cursor or any AI agent — design an email from a prompt, import one from another builder, preview it in the real editor, export MJML/HTML, and mount or debug the editor in your own app.
Use the Agent Skill
Register your own block types — static templates or live API data at preview time.
Build a custom block
Saving, version history, comments, saved blocks, test sends and rendering are each one config key holding methods you implement — against your stack, on your terms. All optional; the editor runs with none of them.
See the provider contracts
Let users save block groups and re-insert them across templates — backed by your own storage, or a bundled browser-local provider for zero setup.
Set up saved blocks
Handlebars, Liquid, JS literals, or your own — with human-readable labels in the canvas.
Configure merge tags
Show or hide blocks per recipient attribute, with live preview while editing.
See display conditions
27 OKLch tokens, custom fonts, dark mode, and complete theme overrides.
Customize theming
Define your brand once; new templates and blocks inherit colors, fonts, and layout.
Set defaults
Let users mail themselves the template they are editing, sent through your own infrastructure — one callback, no backend of ours involved.
Wire up test emails
Portable JSON templates, MJML output. Render anywhere, send through any provider.
How rendering works
Shadow DOM mount keeps host CSS out of the editor and editor CSS out of your app. Drop into any page, framework, or CMS — no resets, no conflicts.
How isolation works
Importers for Unlayer, BeeFree, Stripo, Topol, Chamaileon, Easy Email Pro, MJML, and HTML. Migrate at your pace, no rebuild required.
Hosted builders
