Mail Builder — free HTML newsletter builder

How does this work?

What this does: you write your newsletter on the left and get a finished, email-client-safe HTML email on the right. Click Copy HTML (or Export .html) and paste it into your mail program as the message body.

Sending with Thunderbird (recommended):

  1. Click Write to start a new message and fill in recipients + subject.
  2. Make sure the body is in normal text. Click into the message body and delete everything until the formatting dropdown (top-left of the body toolbar) reads “Body Text” / normal text — not a heading or preformatted style. Inserting into a heading or leftover style is the usual cause of a newsletter that pastes in looking wrong.
  3. In the compose window menu, choose Insert ▸ HTML….
  4. Paste the copied HTML into the box and click Insert.
  5. Thunderbird usually leaves an empty line (and your signature) below the inserted email. Click into that empty last row, press Enter once, then Delete twice to drop the unwanted trailing line.
  6. Send as normal (send yourself a test first). If the paste didn't come out cleanly, clear the body and repeat these steps exactly.

Gmail, Outlook & other clients: most webmail composers don't accept a raw-HTML paste. Two options that usually work: open the exported newsletter.html in your browser, select the rendered email, copy, and paste that into the compose window — or use your provider's "import / insert HTML" feature where available. When in doubt, send the .html file to a Thunderbird user, or use a newsletter service that lets you paste HTML source.

Use only H2 (##) and H3 (###) headings — H1 is reserved for the newsletter title.

Links: [link text](https://example.com)

Appearance

These names are shown as the tags on each section and in the toggle button.

Used for the header bar, headings and links. Keep enough contrast against white for readable text — the badge above warns when it's too low.

Imported and embedded directly into the email (auto base64). The header bar uses your accent color, so a white logo on a transparent background usually looks best. Aim for ~20 KB to keep the email small; max 100 KB.

With no image and no logo text, the header shows no logo at all.

Greeting

Introduction

Table of Contents

Main Text

Final Greeting
Footer