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. Open-source, framework-agnostic, and packed with features that are typically reserved for paid tiers in other editors.

Get Started

Try Playground

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

Build a custom block

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

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