Design emails visually, or in code.
Build production-ready email with the @unitpost/email React component library. Drag blocks in the visual editor or drop into code mode — it's the same document. Typed variables, live preview, and a test send, all in your dashboard.
Two ways in, one output
Visual and code are the same template
No lock-in to a WYSIWYG blob and no hand-maintained HTML. Visual and code modes are just two views of the same React Email document.
Visual builder
A block editor built for email — headers, buttons, product cards. Select a block and restyle it from the inspector.
Code mode
Prefer JSX? Switch to code and edit the same template as React components. Everything round-trips to clean, reviewable code.
Welcome, {{first_name}}
Thanks for joining. Here's what's new this week.
Personalization
Speak to every recipient by name
Author once, send to thousands — variables resolve per-recipient at send time, with safe fallbacks.
Typed merge fields
Insert {{ first_name }} and other tokens. Each template declares what it expects, so bad merges are caught before send.
Safe fallbacks
Set a default for every variable. A missing value never leaves a raw {{ token }} in someone's inbox.
Fallbacks keep sends clean when a value is missing.
Everything you need
From first block to sent email
The editor covers the whole path — compose, style, parameterize, preview, and test.
@unitpost/email library
A batteries-included set of email-safe React components that render perfectly in any inbox.
Tailwind & inline CSS
Style with Tailwind classes. We compile to the inlined styles email clients need.
Typed variables
Insert merge fields as first-class tokens. Missing values are caught before you send.
Live preview
See your email render as you edit, with sample data filled into every variable.
Test send
Fire a real message to yourself from the editor to catch layout issues in an actual inbox.
Reusable components
Save a header, footer, or CTA once and reuse it across templates.
Start from a template
A gallery of ready-to-send designs
Browse free, production-tested templates for onboarding, receipts, password resets, newsletters, and more. Preview any one, copy the code, or drop it straight into your workspace and customize.
Free to browse — and the playground needs no account. Sign up to clone a template into your workspace.
Design once, send anywhere
The visual builder, React components, typed variables, live preview, and test sends are all on the free plan. Build a template and reference it by id on your next send.