Design email newsletter layouts with sections, images, and buttons using drag-and-drop with HTML export.
A newsletter is a stack of repeatable parts: a hero image, a headline and paragraph, a button, a two-column block, a footer. This tool turns those parts into a drag-and-drop canvas - pick a section, drop it onto the layout, edit its text and colors, and drag blocks into order until the page reads the way you want. When the layout is done, it exports a single HTML file you can paste into an email service provider. The surprise most users hit: the export is written for email clients, not browsers, and no in-editor preview shows what Outlook will actually do with it.
Sections - hero, text, image, button, divider, social links - live in a palette beside the canvas. Dragging one appends it to the layout; clicking a placed block opens an editor for its text, link URL, colors, and spacing. Blocks reorder by dragging, and the canvas can scale to phone width, because the stacked mobile version is the layout most subscribers will actually see.
Export generates a complete email document: a document title, a fixed-width container table, table rows for each section, and colors, fonts, and sizes written as inline styles on each element. Nothing depends on an external stylesheet, which email clients would ignore. The result is one self-contained file designed to be imported into a campaign tool or test-sent as-is.
Mostly, with caveats. Campaign platforms with a code editor (Mailchimp, Campaign Monitor, HubSpot) accept the file as-is. Gmail's compose accepts pasted HTML but can mangle spacing, and Outlook desktop wants an 'insert as HTML' step or an attachment workflow. When in doubt, import the file into your sending platform rather than copy-pasting it.
Outlook for Windows renders HTML with Word's engine, which ignores flexbox, grid, and many CSS properties - which is exactly why email exports use tables and inline styles. No tool or design choice removes that limit. Keep layouts simple, test-send into several clients (Litmus or Email on Acid, or free test sends), and design so small misalignments are harmless.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Create professional HTML email signatures with logos, social links, and custom styling.
Paste HTML email code and preview it in simulated email client frames (Gmail, Outlook, Apple Mail). Responsive test.
Fill in vCard fields and generate a QR code plus styled digital business card. Download both as images.
Visual drag-and-drop email template builder. Add sections, images, buttons, and export clean HTML code.
Create Open Graph meta tags for perfect social media previews on Facebook, Twitter, and LinkedIn.
Input one brand color and auto-generate a full color system with shades, tints, semantic colors, and dark mode palette.