Invoice email

Invoice with bill-to details, due date, line items and a pay-now button.

Unlock all 40 — $19 $49Launch pricing ends Sunday

18.4 KB · Gmail-safe

Code

Included in the full pack — React Email source, HTML and plain text for every style.

import * as React from "react";
import { Btn, Column, Eyebrow, H1, LineItems, P, Panel, Row, Shell, Small, Strong, type TemplateProps } from "../components";

export type InvoiceProps = TemplateProps & {
  invoiceNumber?: string;
  issued?: string;
  due?: string;
  amountDue?: string;
  billTo?: string[];
  items?: { name: string; detail?: string; amount: number }[];
  payUrl?: string;
  pdfUrl?: string;
};

export default function Invoice({
  style,
  brand,
  invoiceNumber = "FN-2026-0193",
  issued = "Oct 16, 2026",
  due = "Nov 15, 2026",
  amountDue = "$3,520.00",
  billTo = ["Northbeam Labs Ltd.", "Accounts payable", "71 Rivington St, London EC2A 3AY", "VAT GB 291 4492 07"],

The Invoice source is in the pack.

Launch pricing ends Sunday

React Email component, compiled HTML in three styles and the plain-text version — plus 39 more templates.

Get Mailblocks — $19 $49 Try the free ones

← Payment receipt Payment failed →

Free

Payment receipt

№07 · Billing

Stripe-style receipt with line items, tax, payment method and a PDF link.

Payment failed

№09 · Billing

Dunning email with the reason, retry date and a one-tap update-card button.

Plan changed

№10 · Billing

Upgrade/downgrade confirmation with a before → after comparison and proration.

Subscription canceled

№11 · Billing

Graceful cancellation confirmation with access end date, export link and a way back.