Yes. The editor is free to use and there is no paid tier gating the export — you can build an email and download the HTML without paying anything.

Do I need an account to build an email?

No. Open the editor and start dragging blocks. An account is optional and only exists for the dashboard; the builder itself never asks you to sign in.

What exactly do I get when I export?

A single .html file containing the whole email: a 600px content column built from nested tables, every style written inline, MSO ghost tables for Outlook and a web-safe font stack. You can copy it to the clipboard or download the file.

Will the email render correctly in Outlook?

That is what the exporter is built around. Outlook renders with Word's engine, so Blokma emits tables instead of divs, pins the column width with conditional ghost tables, and sets mso-line-height-rule:exactly so leading is not inflated.

Can I use the HTML with Mailchimp, Klaviyo, HubSpot or SendGrid?

Yes. Blokma does not send email — it produces standard HTML. Paste the exported markup into any platform that accepts a custom HTML template, or hand it to your own sending code.

Are the emails responsive on mobile?

The content column is capped at 600px and shrinks with the viewport, and side-by-side columns are built as inline-blocks with a max width so they stack into a single column on narrow screens.

Where is my work saved?

While you edit, only in your own browser: the draft is written to local storage and restored the next time you open the editor, so nothing is lost on refresh. When you download or copy the HTML, that finished email is also saved on our side so we can see which blocks people actually use. Drafts are never sent anywhere, and neither carries a name, an email address or an IP.

The image block takes a URL. Host the file anywhere that serves it publicly — your site, a CDN, an asset host — and paste the link, plus alt text for the clients that block images by default.

Can I undo a mistake?

Yes, up to 100 steps. Consecutive edits of the same kind, like dragging a slider or typing a word, collapse into a single undo step so history moves the way you expect.

Do I need to know HTML or CSS?

No. Blokma is a visual builder — you drag blocks and move controls. The generated markup is there in the code preview if you want to read it, but you never have to write it.

Design emails for every inbox.

Drag, drop, and design standout emails - no code, no inbox surprises.

Open the editor How it works

FreeNo sign-upNo codeDrag & dropLive previewHTML exportOutlook-safe

Email EditorCopyDownload

Text

Heading

Text

List

Media

Image

Layout

Divider

Actions

Button

Your email is emptyAdd a block from the palette on the left to start designing.

Element

Body

Content

Select a block

Color

Size

Layout

A recording of the editor. Your own work saves to your browser as you go — no account, no save button.

Blocks

Every block an email actually needs

Fourteen of them. Drag any one onto the canvas, as many times as you like.

HeadingA bold title line.

TextA paragraph of plain text.

Rich TextBold, italics, links, lists.

ListBulleted or numbered items.

QuoteA pull-quote with attribution.

CalloutA highlighted notice box.

TableA grid of rows and cells.

HeadingA bold title line.

TextA paragraph of plain text.

Rich TextBold, italics, links, lists.

ListBulleted or numbered items.

QuoteA pull-quote with attribution.

CalloutA highlighted notice box.

TableA grid of rows and cells.

HeadingA bold title line.

TextA paragraph of plain text.

Rich TextBold, italics, links, lists.

ListBulleted or numbered items.

QuoteA pull-quote with attribution.

CalloutA highlighted notice box.

TableA grid of rows and cells.

HeadingA bold title line.

TextA paragraph of plain text.

Rich TextBold, italics, links, lists.

ListBulleted or numbered items.

QuoteA pull-quote with attribution.

CalloutA highlighted notice box.

TableA grid of rows and cells.

ImageA picture loaded from a URL.

ColumnsBlocks placed side by side.

ButtonA tappable call-to-action.

MenuA row of navigation links.

SocialLinks to your social profiles.

DividerA horizontal separator line.

SpacerEmpty vertical space.

ImageA picture loaded from a URL.

ColumnsBlocks placed side by side.

ButtonA tappable call-to-action.

MenuA row of navigation links.

SocialLinks to your social profiles.

DividerA horizontal separator line.

SpacerEmpty vertical space.

ImageA picture loaded from a URL.

ColumnsBlocks placed side by side.

ButtonA tappable call-to-action.

MenuA row of navigation links.

SocialLinks to your social profiles.

DividerA horizontal separator line.

SpacerEmpty vertical space.

ImageA picture loaded from a URL.

ColumnsBlocks placed side by side.

ButtonA tappable call-to-action.

MenuA row of navigation links.

SocialLinks to your social profiles.

DividerA horizontal separator line.

SpacerEmpty vertical space.

See the blocks

How it works

From blocks to inbox in three steps

Compose it, style it, export it. No code at any point.

Build

Drag a block. That's the whole idea.

No template to fight, no table markup to nest. Take what the email needs, put it where it goes, and move it again whenever you change your mind.

Launch day is here

Style

Change it and see it, at once

Colour, size, corners, width — every control writes straight to the canvas. There is no preview button, because there is nothing left to preview.

Read the update

Radius0%

Colour

Width

FitFullFull

Export

Leave with a file you own

One .html, yours to keep. It opens in any editor, pastes into any sending platform, and never needs us again to render it.

Export

One file. Every inbox.

The markup already carries what each client needs. You copy it, or download it, and send.

launch-announcement.html

<!-- 600px · table-based · every style inline -->
<!--[if mso]> ghost table pins the width in Outlook <![endif]-->
<table role="presentation" width="600"
       style="width:600px;max-width:600px;margin:0 auto">
  <tr><td align="center"
          style="padding:32px 24px">
    <div style="font:700 28px/1.3 Arial;color:#111827;
                mso-line-height-rule:exactly">
      Launch day is here
    </div>
  </td></tr>
  <tr><td align="center">
    <a href="https://…" style="display:inline-block;
       padding:12px 22px;border-radius:6px;background:#4f46e5">
      Read the update
    </a>
  </td></tr>
</table>

FAQ

Questions, answered

What it costs, what it exports, and what happens to your work.

Your next email is a few blocks away

Open a blank canvas and export the HTML when it looks right. Nothing to install, nothing to sign up for.

Start building — it's free Blocks

No account · No credit card · Your draft stays in your browser

Design emails for every inbox.

Every block an email actually needs

From blocks to inbox in three steps

Drag a block. That's the whole idea.

Change it and see it, at once

Leave with a file you own

One file. Every inbox.

Questions, answered

Is Blokma free?

Do I need an account to build an email?

What exactly do I get when I export?

Will the email render correctly in Outlook?

Can I use the HTML with Mailchimp, Klaviyo, HubSpot or SendGrid?

Are the emails responsive on mobile?

Where is my work saved?

How do images work?

Can I undo a mistake?

Do I need to know HTML or CSS?

Your next email is a few blocks away