TemplaticalEmail Editor for Your App

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.

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
Custom blocks with API-backed data
Register your own block types — static templates or live API data at preview time.
Build a custom block
Connect your own backend
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
Reusable saved blocks
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
Merge tags with pluggable syntax
Handlebars, Liquid, JS literals, or your own — with human-readable labels in the canvas.
Configure merge tags
Display conditions
Show or hide blocks per recipient attribute, with live preview while editing.
See display conditions
Full theming via design tokens
27 OKLch tokens, custom fonts, dark mode, and complete theme overrides.
Customize theming
Template & block defaults
Define your brand once; new templates and blocks inherit colors, fonts, and layout.
Set defaults
Test emails from the editor
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
JSON in, MJML out
Portable JSON templates, MJML output. Render anywhere, send through any provider.
How rendering works
Style-isolated by default
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
Bring your existing templates
Importers for BeeFree, Unlayer, and raw HTML. Migrate at your pace, no rebuild required.
Migrate from BeeFree