Templates

Thirteen templates, already in your repo

Every scaffold ships 13 production React Email + Tailwind templates — TypeScript components you own, not rows in our database. Edit them in your editor, preview them in Studio, review them in a PR.

Activation

4 templates
Onboarding use case
activation-quickstart email template preview

activation-quickstart

Activation

Day one: the shortest path to a first win.

activation-nudge email template preview

activation-nudge

Activation

For the user who signed up and went quiet.

activation-feature-highlight email template preview

activation-feature-highlight

Activation

One feature, one reason to come back.

activation-community email template preview

activation-community

Activation

Pull new users into your Slack or Discord.

Conversion

3 templates
conversion-usage-milestone email template preview

conversion-usage-milestone

Conversion

The upgrade ask, timed to the moment of value.

conversion-trial-expiring email template preview

conversion-trial-expiring

Conversion

Days-left honesty without countdown theatrics.

conversion-winback-offer email template preview

conversion-winback-offer

Conversion

A concrete offer for a lapsed account.

Retention

2 templates
retention-weekly-digest email template preview

retention-weekly-digest

Retention

The week's activity, summarized.

retention-achievement email template preview

retention-achievement

Retention

Milestones worth an email, nothing that isn't.

Reactivation

2 templates
reactivation-checkin email template preview

reactivation-checkin

Reactivation

The gentle “still there?”

reactivation-final-nudge email template preview

reactivation-final-nudge

Reactivation

The last email before you stop sending. (And you should stop.)

Churn prevention

1 template
churn-payment-failed email template preview

churn-payment-failed

Churn prevention

Dunning that sounds like a person, not a billing system.

Feedback

1 template
feedback-nps-survey email template preview

feedback-nps-survey

Feedback

One click, one number, done.

How templates work

Components in, HTML out

Everything between your editor and the inbox is engine plumbing. Email guide → Transactional email API → Studio →

  1. Your editor is the editor

    Templates are React Email + Tailwind components in src/emails/ — edit them like any component. Studio previews them with live props and per-template stats. It doesn't edit them. Your editor does — that's the point.

  2. The engine does the plumbing

    The engine renders React → HTML, rewrites links for first-party tracking, checks preferences, then hands plain HTML to your provider.

  3. Send from a journey or the API

    Send one from a journey with sendEmail(), or transactionally via POST /v1/emails.

Get started

Thirteen templates, one command

The scaffold puts all 13 templates — plus 10 journeys, Docker, and env — in a repo you own. Edit the first one tonight.

pnpm dlx create-hogsend@latest my-app

Free to self-host · One scaffold command · No per-contact billing