Skip to main content
Version: Latest

Changelog

All notable changes to the Dragble SDK are documented here.

v1.0.0 — Initial Release​

Released: March 2026

MCP update: May 2026, available on editor v1.0.0

New Features​

  • Email Builder SDK — Embeddable drag-and-drop email editor with 14 content blocks. Renders pixel-perfectly in Gmail, Outlook (2007–2021), Apple Mail, Yahoo, iOS, Android, and Samsung Email.
  • Page Builder SDK — Full-width landing pages, microsites, and web content with clean HTML output.
  • Popup Builder SDK — Overlay modals with position, animation, close button, and trigger controls.
  • Framework support — React, Vue 3, Angular, and Vanilla JS. TypeScript-first with full type definitions.
  • Built-in AI — Smart text generation, smart headings, smart buttons, AI image generation, AI image search, and auto alt-text. BYOK (bring your own key) support.
  • Merge tags — Insert dynamic tokens ({{first_name}}, {{company}}, custom variables) with preview support.
  • Display conditions — Show/hide blocks per recipient based on merge tag values.
  • Modular blocks — Save headers, footers, and content blocks once and reuse them across templates.
  • Export — HTML, minimized HTML, PDF, and ZIP. Clean inlined CSS ready for any ESP (Mailchimp, SendGrid, HubSpot, Klaviyo, etc.).
  • Design JSON — Save and load templates as JSON. Store in your database and reload anytime.
  • Collaboration — Editor and reviewer roles for team workflows.
  • White-label — Remove all Dragble branding, apply custom themes, fonts, and colors (Business plan and above).
  • Custom fonts — Load and use custom web fonts in the editor.
  • Localization — Full i18n support for the editor UI.
  • Image upload — Built-in image upload with external storage provider support.
  • AMP for Email — Interactive emails with carousels, accordions, and live content.
  • Mobile overrides — Per-block mobile styling adjustments.

MCP Server​

  • MCP Server is live — Connect MCP-compatible AI clients to Dragble for AI-powered email design and live canvas editing.
  • Live editor pairing — Pair OpenCode, Claude Code, Cursor, Codex, and other MCP clients to an active editor session with an 8-digit pairing code.
  • Backend-managed AI flows — Let your own backend run the LLM loop while MCP routes each tool call to the live editor.
  • Separate MCP credentials — Use mcp_key for backend-managed sessions and mcp_client_key for third-party AI-client pairing.

Launch MCP in the latest editor​

  1. Use editorVersion: "latest" when mounting the SDK.
  2. Enable MCP with features: { mcp: true }.
  3. Start a deterministic MCP session with sdk.joinMCP({ id }).
  4. For live AI-client control, call sdk.getPairingCode() and paste the 8-digit code into your MCP client prompt.
<DragbleEditor
  editorKey="db_..."
  editorVersion="latest"
  options={{ features: { mcp: true } }}
/>
await sdk.joinMCP({ id: "user-42-doc-99" });
const { code } = await sdk.getPairingCode();

console.log(`Connect with Dragble MCP using pairing code ${code}`);

See MCP Server and AI Client Setup for the full setup flow.

Developer Experience​

  • One-command install via npm/yarn/pnpm
  • Editor key authentication (no backend required)
  • Comprehensive SDK methods, events, and callbacks API
  • Full documentation at docs.dragble.com

:::info Still in development The Template Library API is still in development. MCP Server support is live in editor v1.0.0; see the MCP Server docs to launch it. :::