FIG.1
DECKLE / TEMPLATES
TEMPLATES · 03

40 designed emails, ready to send.

Six categories of production-grade templates and a true WYSIWYG editor built on React Email. Start from a design, edit on the canvas, or bring your own HTML.

WYSIWYG EDITOR

Compose on a real canvas

What you arrange is what lands in the inbox. Seven block types, a slash menu to insert them, and preset layouts to skip the blank page. Preview desktop and mobile side by side before you commit.

  • 7 block types — heading, text, image, button, divider, spacer and columns.
  • Slash menu — type / to drop in any block without leaving the keyboard.
  • Page-style panel — themes plus global CSS applied across every block.
  • Desktop & mobile preview — check both renders before you send a test.
Open the editor
FIG.2
gallery / templates
Receipt
Welcome
Digest
Launch
Reset
Invoice
BRING YOUR OWN HTML

Drop in raw HTML, edit it in place

Already have a template you like? Paste it and Deckle renders it as-is. Flip to the code view — a full CodeMirror editor with syntax highlighting — to tune the markup by hand and see it render live.

  • Paste-and-render — import existing HTML without rebuilding it block by block.
  • CodeMirror code view — highlighted, editable source right next to the preview.
  • Round-trip safe — switch between canvas and code without losing your work.
Read the editor docs
FIG.3
template.html
<!-- pasted, rendered live -->
<Section style="padding:24px">
  <Heading>
    {{first_name|there}}, your order shipped
  </Heading>
  <Button href="{{track_url}}">
    Track package
  </Button>
</Section>
WRITE WITH AI

A first draft in one prompt

Describe the email you need and Write with AI returns a subject line, preview text, and a first pass of blocks laid out on the canvas. Keep what fits, rewrite the rest — it is a starting point, not a black box.

  • Subject & preview text — generated together so they read as one unit in the inbox.
  • Draft blocks — headings, copy and a call-to-action placed on the canvas, ready to edit.
  • Fully editable — every generated block is a real block you can move, style or delete.
Try Write with AI
FIG.4
ai / draft
prompt → draft.json
# prompt
"win back a lapsed trial user, warm tone"

# draft
subject      We saved your workspace
preview      Pick up right where you left off
blocks       heading · text · button
BUILT ON REACT EMAIL

Renders right in every inbox

Every template compiles through React Email, so the client-safe HTML is done for you. A plain-text version is generated automatically, merge tags fall back gracefully, and a working unsubscribe footer is attached to every send.

  • Auto plain-text — a text alternative built from your blocks on every send.
  • Merge tags{{first_name|there}} with an inline fallback when the field is empty.
  • Working unsubscribe footer — a one-click signed link in the body of every email.
How rendering works
FIG.5
welcome.email.tsx
import { Text, Footer } from "@react-email/components"

<Text>
  Hi {{first_name|there}}, welcome to Acme.
</Text>

// generated on every send:
//   ✓ text/plain alternative
//   ✓ one-click unsubscribe footer
The gallery

Start from a designed template

Forty emails across six categories — open any of them, then make it yours on the canvas. A selection of what ships in the library.

deckle/transactional
receipt-clean
A crisp receipt with line items, subtotal and totals.
transactionalwysiwyg
deckle/onboarding
welcome-warm
A friendly first hello with a single, clear next step.
onboardingrich
deckle/newsletter
weekly-digest
Multi-section digest with a hero story and a link list.
newslettercolumns
deckle/product
feature-launch
Announce a release with a hero, highlights and a CTA.
producthtml
deckle/lifecycle
win-back-offer
Re-engage a lapsed contact with a warm, timed nudge.
lifecyclemerge-tags
deckle/utility
password-reset
A focused security email with an expiring reset link.
utilityplain-text
The library

6 categories, 40 templates

Every category is designed to a shared system, so mixing templates in one campaign still feels like one brand.

11/transactionalReceipts, confirmations, shipping and security emails
10/lifecycleOnboarding nudges, win-backs and renewal reminders
7/productFeature launches, changelogs and release announcements
5/onboardingFirst-touch welcomes and setup walkthroughs
4/utilityPassword resets, verifications and account notices
3/newsletterDigests, roundups and long-form editorial layouts
Get started

Own your sending.

Free to start, no credit card. Send from your verified domain.