Email templates
Free transactional email templates
12 production-ready emails for sign-in, accounts and billing. Each one comes as React Email, MJML, HTML and plain text, works in light and dark mode, and restyles from one theme file. MIT-licensed, and they work with any email provider.
- MIT license
- Works with any email provider
- Light and dark mode
Authentication
Sign-in and account security. These have to arrive in seconds.
- Password resetA single-use link to choose a new password, with an expiry and a clear "ignore this" line.Reset your Acme password
- Magic linkPasswordless sign-in: one button, a short expiry and a fallback URL.Your Acme sign-in link
- Email verificationConfirms a new address after sign-up or an email change.Confirm your email address
- One-time codeA large, copyable verification code for 2FA, sign-in or checkout confirmation.{{code}} is your Acme verification code
Account
The emails around a person's account and team.
- WelcomeA short first email after sign-up: three next steps and one button.Welcome to Acme
- Team inviteInvites someone to a team or workspace, naming who sent it and the role they get.{{inviter_name}} invited you to join {{team_name}}
- New sign-in alertA security alert for a sign-in from a new device, with details and a "secure my account" path.New sign-in to your Acme account
- Account deletionConfirms a deletion request and offers a grace period to restore the account.Your account is scheduled for deletion
Billing
Receipts, failed payments and what's coming next.
- ReceiptA payment receipt with line items, tax, total and a link to the full invoice.Your Acme receipt #{{receipt_number}}
- Payment failedDunning email for a declined card: what failed, when it retries, and one fix button.Your payment didn’t go through
- Subscription renewalAn upcoming-renewal reminder with the amount, date and card, sent before the charge.Your {{plan_name}} plan renews on {{renewal_date}}
- Usage alertWarns before a plan limit is hit, with a progress bar and the reset date.You've used {{usage_percent}}% of your {{metric}}
Make them yours in one file.
Set your product name, logo, address and colors for light and dark mode in theme.ts. Every template, in every format, follows.
Sending with Groundmail? The email templates guide shows how to push them all to your account and send them by alias.
Terminal
git clone https://github.com/Groundmail/email-templates.gitcd email-templatesnpm installnpm run dev # React Email preview at http://localhost:3000