Design emails from a prompt
An open Agent Skill teaches Claude Code, Cursor, or any AI agent your template format — describe an email, preview it in the real editor, export MJML/HTML.
Use the Agent Skill
Drop a production-ready drag-and-drop email editor into any web application — host CSS and design systems can't break it. Source-available, framework-agnostic, and packed with features that are typically reserved for paid tiers in other editors.
An open Agent Skill teaches Claude Code, Cursor, or any AI agent your template format — describe an email, preview it in the real editor, export MJML/HTML.
Use the Agent Skill
Register your own block types — static templates or live API data at preview time.
Build a custom block
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 BeeFree, Unlayer, and raw HTML. Migrate at your pace, no rebuild required.
Migrate from BeeFree