Templatical lança SDK open source de editor de e-mails drag-and-drop

O produto

Templatical lançou um SDK open source de editor de e-mails com interface drag-and-drop, voltado a desenvolvedores que precisam embutir um editor de templates em seus próprios aplicativos. O componente funciona em React, Svelte, Angular, Vue e JavaScript puro, com uma única chamada de init(), sem dependências em tempo de execução. É escrito em TypeScript, construído sobre MJML, usa Shadow DOM para isolamento de estilos e é distribuído sob a licença FSL-1.1-MIT, que a empresa descreve como automaticamente convertida em MIT. O tamanho informado é de 312 kB no carregamento inicial e 253 kB no modo lazy.

Funcionalidades incluídas

Segundo a empresa, o SDK gratuito inclui recursos que concorrentes SaaS cobrariam em planos pagos: blocos personalizados com fontes de dados via API, merge tags com escopo por bloco, condições de exibição para conteúdo dinâmico, biblioteca de mídia plugável (S3, Cloudinary ou CMS próprio), blocos salvos reutilizáveis, versionamento com pré-visualização e restauração, comentários de revisão em threads ancorados aos blocos, envios de teste pelo próprio ESP e domínio do cliente, pré-visualizações resolvidas pelo backend com dados reais, tema via design tokens com modo escuro, white-label por padrão, linting de acessibilidade WCAG com correções automáticas e saída em MJML renderizável em qualquer ambiente.

A proposta é evitar que equipes construam esse tipo de editor do zero - a empresa estima um trimestre de trabalho de engenharia para isso - e ao mesmo tempo não depender de serviços cobrados por assento e que restringem recursos essenciais.

Posição contra os SaaS builders

A página contrasta o produto com builders SaaS (Beefree, Unlayer, Stripo, Topol, Chamaileon e Easy Email Pro, entre os comparativos listados), alegando que esses serviços restringem blocos personalizados, condições de exibição, theming, white-label e sintaxes de merge tags a planos superiores, acoplam a saída à API de renderização do fornecedor, não isolam o CSS do host e validam licença contra servidores remotos, o que permite habilitar ou revogar recursos de acordo com o plano.

O Templatical se apresenta como o inverso: sem chave de licença, sem verificação de entitlement, sem telemetria ou relatórios de uso, com os templates permanecendo no aplicativo do cliente até o envio ao próprio backend. A empresa afirma que o SDK continuaria funcionando mesmo que o projeto desaparecesse.

Skill para agentes de código

Além do editor, o lançamento traz um Agent Skill open source que roda dentro do agente de codificação que o usuário já utiliza, instalado via npx skills add templatical/sdk. A skill detecta os agentes instalados e grava o arquivo na pasta que cada um lê, sem alterar o projeto. Em dois modos: para autoria, em que o agente escreve, importa, valida, exporta e pré-visualiza um template completo a partir de uma descrição (por exemplo, um e-mail de lançamento com imagem hero e botão verde floresta); e para integração, em que monta o editor no aplicativo, gera o código inicial, aponta salvamento e carregamento para a API do cliente ou diagnostica problemas de integração. A empresa afirma que nada é enviado a eles: sem backend, sem chave de API.

A opção paga, Templatical Cloud, ainda em desenvolvimento, adiciona chat de IA no editor, servidor MCP hospedado, reescrita por IA, colaboração em tempo real com bloqueio por bloco, multi-tenancy e acesso por API.

Integração e importadores

A instalação é feita com dois pacotes npm (@templatical/editor e @templatical/renderer): o conteúdo é armazenado como JSON e exportado como MJML. A empresa também oferece oito importadores gratuitos, sob licença MIT, para migrar templates de builders hospedados ou HTML bruto já existentes.