MailBuilder
{{ selectedLang === 'en' ? 'EN · English' : (selectedLang === 'ar' ? 'AR · Arabic' : (selectedLang === 'fr' ? 'FR · French' : (selectedLang === 'es' ? 'ES · Spanish' : (selectedLang === 'de' ? 'DE · German' : (selectedLang === 'it' ? 'IT · Italian' : (selectedLang === 'pt' ? 'PT · Portuguese' : (selectedLang === 'ru' ? 'RU · Russian' : 'Select'))))))) }}
EN · English
AR · Arabic
FR · French
ES · Spanish
DE · German
IT · Italian
PT · Portuguese
RU · Russian
Content Blocks
{{ getBlockLabel(d) }}
Quick Start
Welcome Email
Header + Hero + Text + Button + Footer
Newsletter
Header + Hero + 2-Col + Social + Footer
⬜ Blank Canvas
Start from scratch
+ Drop block here
{{ selId ? getBlockPropTitle(selectedBlockData.type) : t('email.templateBuilder.properties', 'Properties') }}
Click any block on the canvas to edit its properties here
Background
Text Color
Grad End (Hero)
Padding
Alignment
{{ selectedBlockData.p.align === 'left' ? t('email.templateBuilder.alignLeft', 'Left') : (selectedBlockData.p.align === 'center' ? t('email.templateBuilder.alignCenter', 'Center') : (selectedBlockData.p.align === 'right' ? t('email.templateBuilder.alignRight', 'Right') : 'Select')) }}
Left
Center
Right
Text
Heading
Subtext
Content
Button Label
Button URL
Button BG Color
Image URL
Image Width
{{ codeHtml }}
{{ t('email.templateBuilder.statusBlocks', '{count} blocks').replace('{count}', blocks.length) }} {{ isRTL ? 'RTL' : 'LTR' }} {{ selectedLang.toUpperCase() }} {{ currentView === 'edit' ? t('email.templateBuilder.statusEditing', 'Editing') : (currentView === 'preview' ? t('email.templateBuilder.statusPreviewMode', 'Preview Mode') : t('email.templateBuilder.statusHtmlMode', 'HTML Mode')) }}
Drag & Drop Email Studio

Professional HTML Email
Template & Layout Builder

Build responsive, high-converting HTML email templates visually. Full LTR/RTL support, modular blocks, and clean HTML export.

Visual Drag & Drop
Clean HTML Export
60+ Languages & RTL
Ready-Made Templates
Or press Ctrl+B · Esc to close
MailBuilder — Email Template Builder
Blocks
Header / Logo
Hero Section
Text Paragraph
CTA Button
Welcome Email
A compelling subtitle
Get Started →
Unsubscribe · Privacy · © 2025
Properties
Background
Alignment
Center
Open Full Builder
Direction
|
10+ Blocks RTL / LTR 60+ Languages Export HTML
{{ statBlocks }}
Blocks in canvas
{{ statWords }}
Words written
{{ statLines }}
HTML lines
{{ selectedLang.toUpperCase() }}
Language selected
Why MailBuilder

Drag & Drop Blocks

Click or drag to add any block — Header, Hero, Text, Button, Image, Two-Column, Divider, Spacer, Social Links, and Footer. Reorder, duplicate, or delete instantly.

Live Property Editor

Select any block to edit its properties live — background color, text color, font size, padding, alignment, and button URLs — with instant visual feedback.

RTL Support

Arabic, Persian, and Urdu auto-switch to RTL when selected. The entire email canvas flips direction correctly with proper inline text alignment.

Ready-Made Templates

Start from Welcome, Newsletter, or Blank Canvas templates — each pre-populated with the right blocks — and customize them to match your brand in seconds.

Preview Mode

Switch between Edit, Preview, and HTML modes. Preview shows exactly how the email looks before you send it out to the world.

Export Clean HTML

Export a complete, inline-styled, production-ready HTML file compatible with Mailchimp, SendGrid, HubSpot, or any other SMTP setup.

{{ toastMsg }}
Recommended for you

Tool Title

Tool Description

{{ isOutOfCredits ? t('quota.outOfCredits', 'Out of Credits!') : t('quota.title', 'Your Quota') }}

{{ t('global.loading', 'Fetching quota data...') }}

{{ badgeText }}
{{ quotaData.usedPlan.toLocaleString() }}
{{ t('quota.consumption', 'Consumption') }} / {{ quotaData.totalPlan.toLocaleString() }}

{{ descText }}