For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- The order confirmation a shopper lands on after checkout, with items, discount, tax, total and card used
- A proof of purchase the shopper can download, email to themselves or print
- An order page after purchase for tracking the parcel, buying again, starting a return or writing a review
When not to use
- Staff side order review, tracking or a shipping label inside a stock operations tool: use the Inventory blocks
- A history of many payments or transactions, one signed amount on each row: use the List blocks
- Invoices, subscriptions and dunning run by finance staff, not one shopper's order: use the Billing blocks
Agent notes
TOTALSand each item'slineTotalin data.ts are typed in, never computed fromquantityandunitPrice; derive them from your order- Download and Email only dispatch a
CustomEventonwindowand Print callswindow.print, so nothing builds a PDF or sends mail formatCurrencyis fixed to en-US andReceiptTotalstypescurrencyas USD only; widen both to show another currency
Markdown
https://web.dev.reui.io/blocks/ecommerce/receipt.mdMCP
search({ query: "receipt", type: "block", category: "receipt" })Shadcn Receipt Blocks: Order Confirmations, Invoices and Itemized Totals
A receipt has to be exact and printable, and it has to survive a long item list and a discount stack. These blocks get the arithmetic layout right, subtotal, discount, tax, shipping and total, with the order meta, the payment method and the delivery address in their places, and a print stylesheet.
All Receipt Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Order Confirmation Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking
- Order Tracking Timeline Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown
- Till Slip Receipt Monospaced Paper Cash-Register Order Receipt Card with Print, Download, and Email Actions
- Delivered Order Receipt Delivered Order Receipt with Per-Item Review, Buy Again and Return Actions
- Statement Receipt Two-column statement-style order receipt with metadata sidebar and itemized line totals
- Post-Purchase Actions Order Receipt Page with Quick-Action Tile Grid, Line Items, Totals, and Shipping or Tracking Details
What the Receipt blocks cover
eCommerce screens, each a full block with fixture data:
- Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking
- Order receipt with vertical fulfillment Timeline, Paid status hero, and items plus totals breakdown
- Monospaced Paper Cash-Register Order Receipt Card with Print, Download, and Email Actions
- Delivered Order Receipt with Per-Item Review, Buy Again and Return Actions
- Two-column statement-style order receipt with metadata sidebar and itemized line totals
- Order Receipt Page with Quick-Action Tile Grid, Line Items, Totals, and Shipping or Tracking Details
Built from
- shadcn/ui components Button, Card, Item, Separator, Dropdown Menu, the same components your project already owns.
- Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Can the receipt be exported to PDF?
The invoice block prints cleanly; generating a PDF is your server's job, and the layout is built for it.
How do I install a Receipt block?
Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.
Is a license needed?
Receipt blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.