GitHub

Flows

End-to-end auth and commerce flows.

SignInForm

Credentials + optional social providers.

Sign in

tsx
<SignInForm onSubmit={async () => {}} rememberOption />

SignUpForm

Email + password with strength meter and terms.

Create account

tsx
<SignUpForm onSubmit={async () => {}} />

ForgotPasswordForm

Request a password reset email.

Reset your password

Enter the email associated with your account. We'll send you a reset link.

tsx
<ForgotPasswordForm onSubmit={async () => {}} />

OTPForm

Segmented one-time-code verification.

Enter verification code

Resend code in 30s
tsx
<OTPForm length={6} onSubmit={async () => {}} />

PaymentForm

Card number, expiry, CVC.

tsx
<PaymentForm onSubmit={async () => {}} />

AddressForm

International address with country selector.

tsx
<AddressForm onSubmit={async () => {}} />

CheckoutSteps

Thin wrapper over Stepper with checkout defaults.

  1. 2

    Shipping

  2. 3

    Payment

  3. 4

    Confirm

CartSummary

Subtotal, shipping, tax, discount, total.

LAUNCH10 applied
  • Weekly Journal — Kraft× 2$58.00
  • Linen throw blanket$89.00
  • Ceramic plant pot · S$18.00

Subtotal$165.00
Shipping$9.99
Tax$18.15
Discount (LAUNCH10)$15.00

Total$178.14

OrderSummary

Full order block with line items + addresses.

Order ORD-1042

Shipped
  • Weekly Journal — KraftQty 2
    $58.00
  • Linen throw blanket
    $89.00
  • Ceramic plant pot · S
    $18.00

Subtotal$165.00
Shipping$9.99
Tax$18.15
Discount$15.00

Total$178.14

Payment

Visa ending in 4242

ReceiptBlock

Printable receipt with merchant + customer + totals.

Idin Studio

hello@idinstudio.com


OrderORD-1042
Date

  • Weekly Journal — Kraft2 × $29.00$58.00
  • Linen throw blanket$89.00
  • Ceramic plant pot · S$18.00

Subtotal$165.00
Shipping$9.99
Tax$18.15
Discount$15.00

Total$178.14

BILL TO

Acme Co.

billing@acme.example

PAID WITH

Visa •••• 4242

SubscriptionCard

Active plan overview with renewal + usage.

Team · Annual

$490.00

Renews Jan 1, 2027

Active
  • Unlimited workspaces
  • Priority support
  • SSO + SCIM
Projects24 / 100
Storage42 GB / 100 GB
API calls/day8200 / 10000

Payment method

Visa ending in 4242

BillingRow

Single billing transaction row.

  • Team plan — April 2026$490.00PaidInvoiceReceipt
  • Team plan — March 2026$490.00PaidInvoiceReceipt
  • Overage — additional 20 GB$24.00Pending