Drag-and-drop email templates in one Web Component.
HTML in, send-ready HTML out. Open source, from SELISE Blocks.

npm install @seliseblocks/mailcraft

0
Runtime deps
31
Languages, RTL auto
19
Block types

Three numbers make the pitch. Now, what's in the box.

01The product

Everything in the box

One install ships the whole list below: nothing plan-gated, nothing metered, nothing behind “contact sales.”

Blocks MailCraft · Packing Slip

ORDER № npm install @seliseblocks/mailcraft

Works in any frameworkINCLUDED
Zero dependenciesINCLUDED
No vendor cloud, no trackingINCLUDED
HTML in, HTML out, no lock-inINCLUDED
Import your old templatesINCLUDED
31 languages, RTL automaticINCLUDED
Reword all 189 labelsINCLUDED
Your brand color & fontINCLUDED
White-labelINCLUDED
Conditions, loops & merge tagsINCLUDED
Design + code, side by sideINCLUDED
19 blocks, previews, screenshots…INCLUDED

TOTAL DUEFree! It’s MIT

NO SEATS · NO METERING · NO “CONTACT SALES” · KEEP THE BOX

All included

Twelve lines on a slip. The same twelve, as a spec sheet.

02The spec

The whole spec, on one sheet

Every chip below ships in the install; the table under it spells out what each line actually gets you:

White-label Editor localization HTML import Conditions & loops Custom storage Self-hosting
The Blocks MailCraft specification: licence, editor source, runtime dependencies, vendor service, framework support, white-labelling, editor languages and RTL, conditions and loops, HTML import, export format, storage and block count, every figure measured from this repository.
CapabilityBlocks MailCraftWhat that means for you
Licence MIT One licence for the whole editor. Use it commercially, fork it, ship it inside your own product.
Editor source Open Every file that renders the editing surface is in the repository. Nothing is a compiled blob.
Runtime dependencies 0 Nothing to audit, and no transitive tree to patch on someone else's release schedule.
Vendor service None No cloud, no iframe, no API key. It renders from a file:// page with the network off.
Framework Any A standard custom element. The same tag in React, Angular, Vue, Svelte, or a plain script.
White-label Included Your brand colour and font, all 189 interface labels overridable, no vendor mark anywhere.
Editor locales 31RTL automatic The interface itself is translated, and right-to-left layout switches on without configuration.
Conditions & loops Included Handlebars-style {{#if}} and {{#each}} blocks on the canvas, alongside merge tags.
HTML import Included Existing templates come in as editable blocks, unmetered. Recognized structure converts; the rest is preserved as raw HTML.
Export Clean HTML Table-based, inline styles, Outlook-safe. Plain HTML you can send through any provider.
Storage Yours Bring your own adapter for templates and images, or use the one already wired in SELISE Blocks Cloud.
Block types 19 Text, headings, buttons, images, dividers, spacers, social, countdown, menus, tables and more. No iframe embeds; mail clients strip them.
Not the right fit if you want a service: no SLA, no support desk beyond the issue tracker, and it does not send email. It hands you HTML. Authored dark-mode variants aren't supported yet, and unusual vendor markup survives import as raw HTML rather than editable blocks. Every figure above is measured from this repository. Check any of them yourself.

When you want more than an editor, the same team ships the whole platform.

03The platform

Blocks MailCraft is the editor. SELISE Blocks is the whole platform.

Use it standalone in any app, or pre-wired inside SELISE Blocks Cloud, where email templates, built-in file storage for your images, identity, secrets and observability share one console, per project, per environment.

This editor, insideEmail ManagementTemplates and communications, edited with Blocks MailCraft, sent through your configured provider.
Built-inCloud StorageA file manager with presigned uploads; Blocks MailCraft's image library is wired to it out of the box.
Built-inIdentity & AccessUsers, roles and permissions, SSO and OIDC providers.
Built-inSecrets & ConfigsPer-environment configuration and secret management.
Built-inLogs & TracesObservability across your project's services, same console.
WorkflowProjects & EnvironmentsDev, stage and production: the same template pipeline everywhere.

Everything above comes down to four properties.

04What it adds up to

Open, portable, self-contained, complete.

You can read the source, drop it into any stack, run it with the network off, and find the whole feature set already in the box. And when you want more than email, the platform it comes from is one free sign-up away.

01 · Open MIT, all the way down The entire editor is source you can read, fork and ship. Nothing in it is a compiled blob.
02 · Portable Framework-agnostic One Web Component: the same tag in React, Angular, Vue, Svelte, or a plain <script>.
03 · Self-contained Nothing to call home to Zero dependencies and no vendor service. It runs from a file:// page with the network off.
04 · Complete The whole set, in the box Merge tags, conditions & loops, HTML import, 31 locales with RTL, and white-label.

What people ask before they npm install.

05The questions

Questions, answered

The ten that reach us most often by email and on the issue tracker. Open any one: each is a single paragraph, and none of them is a sales pitch.

What is Blocks MailCraft?

Blocks MailCraft is an open-source drag-and-drop editor for HTML email templates, shipped as a single Web Component: one <mailcraft-editor> tag. You hand it HTML and it hands back send-ready HTML, with no proprietary document format in between. It is MIT licensed and published on npm as @seliseblocks/mailcraft.

Is it really free, or is there a paid tier?

It is free, and there is no paid tier to graduate to. The whole editor is MIT-licensed source: no seats, no per-email metering, no plan-gated features and no “contact sales”. White-label, editor localization, HTML import and conditional logic all arrive in the one install.

Which frameworks does Blocks MailCraft work with?

All of them, because it is a standard custom element rather than a framework component. The same tag runs in React, Angular, Vue and Svelte, and in a plain HTML page loaded with a <script> tag; there is no per-framework wrapper package to keep up with.

Does it need a server, an account or an API key?

No. Blocks MailCraft has zero runtime dependencies and makes no network requests of its own: no vendor cloud, no iframe, no telemetry, no token to refresh. It runs from a file:// page, which is also the short answer to where your templates go: nowhere you did not send them.

Can I import the email templates I already have?

Yes, and it is not metered. Existing HTML imports into an editable block canvas and exports as HTML again; opening a design and saving it without touching anything gives you back what you put in, so migrating off another editor is not a one-way door.

How many languages does the editor interface support?

Thirty-one, with right-to-left layout switched on automatically for Arabic. Beyond translation, all 189 interface labels can be overridden from your own copy deck, so the editor can use your product’s vocabulary rather than ours, and be white-labelled while it does.

How do I choose between this and a hosted editor SDK?

It comes down to what you want to own. A hosted SDK is a service: someone else runs the editor, ships the improvements and carries the support burden, on the terms they publish. Evaluate that directly with the vendor against your own requirements. Blocks MailCraft is the other trade. The entire editor is MIT source running inside your own page, with no vendor service to authenticate against and nothing to call home to. You own it outright, which also means you maintain it.

Are there open-source alternatives?

Yes, several good ones, and which one fits depends on your stack: most are React libraries, or general-purpose page builders adapted to email with a compiler in front. Blocks MailCraft makes a narrower bet: a framework-agnostic Web Component with zero runtime dependencies and email-client-safe export, so it drops into any page without bringing a toolchain along. Compare them against your own requirements rather than ours.

How do I install Blocks MailCraft?

Run npm install @seliseblocks/mailcraft and import the module, or drop the prebuilt bundle into a page with a script tag from unpkg or jsDelivr, with no build step either way. The quick start is five minutes end to end; the guide covers framework wiring, storage, AI and i18n contracts.

How does it relate to SELISE Blocks?

Same team, two ways to use it. Blocks MailCraft is standalone and stays that way, and it also ships pre-wired inside SELISE Blocks Cloud, where Email Management, file storage for the image library, identity, secrets and observability share one console per project and environment.