shadcn-labs

Stripe Receipt Email

Component

About

A Stripe-styled order receipt email template listing purchased items, subtotal, tax, and total for transactional purchase confirmations.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Stripe Receipt Email to your project and fits it to your theme.

Code

How Stripe Receipt Email is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import ReceiptStripe from "@/components/ui/block-receipt-stripe";

export default function Demo() {
  return <ReceiptStripe />;
}

More by shadcn-labs

View all
  • Email Progress Bar

    Email Progress Bar

    3
  • Coupons With Centered Text

    Coupons With Centered Text

  • Masonry Product Detail

    Masonry Product Detail

  • Post Card

    Post Card

  • Post List

    Post List

  • Data Table

    Data Table

  • Message Bubble

    Message Bubble

  • X Post Card

    X Post Card

Explore more