Email templates

Design emails visually, or in code.

Build with the @unitpost/email document. Drag blocks or drop into code — same output.

Two ways in, one output

Visual and code are the same template

Two views. One document.

  • Visual builder

    Select a block. Restyle it.

  • Code mode

    Same document, as TSX.

VisualCodePublished
Heading

Welcome, {{first_name}}

Thanks for joining. Here's what's new this week.

Read the update
Unsubscribe · Acme Inc, 123 Market St
SectionHeadingTextButtonImageDividerUnsubscribe

Personalization

Speak to every recipient by name

Author once. Resolve per recipient.

  • Typed merge fields

    Bad merges caught before send.

  • Fallbacks

    Never a raw {{ token }} in the inbox.

VariablesResolved at send
{{first_name}}{{email}}{{amount}}
Hi Ada, your receipt for $24.00 is ready.

Fallbacks keep sends clean when a value is missing.

Everything you need

From first block to sent email

Compose, style, preview, test.

@unitpost/email

Inbox-safe React components.

Tailwind

Compiled to inlined styles.

Typed variables

Missing values caught before send.

Live preview

Sample data filled as you edit.

Test send

To a real inbox, from the editor.

Reusable components

Save a header, footer, or CTA once. Reuse it.

Start from a template

A gallery of ready-to-send designs

Onboarding, receipts, resets, newsletters. Preview, copy, or clone.

Free to browse — and the playground needs no account. Sign up to clone a template into your workspace.

Design once, send anywhere

Builder, components, variables, test sends. All on the free plan.