GitHub

Flows

End-to-end auth and commerce flows. Every form state and every status is rendered so nothing is hidden, with Sundanese sample people on receipts and orders.

SignInForm

Credentials + optional social providers. Default, social, error, and loading states.

default

Sign in

social

Sign in

Don't have an account?
error

Sign in

loading

Sign in

SignUpForm

Email + password with strength meter. Name, terms, social, and error states.

default

Create account

name + terms

Create account

Must be at least 12 characters with one number.

Already have an account?
social

Create account

error

Create account

ForgotPasswordForm

Request a reset email. Default, success, and error states.

default

Reset your password

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

success

Reset your password

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

error

Reset your password

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

OTPForm

Segmented one-time-code. Both input types, a longer length, and the error state.

numeric

Enter verification code

Resend code in 30s
alphanumeric

Enter verification code

error

Enter verification code

PaymentForm

Card number, expiry, CVC. Base, save-card + billing, amount, and error states.

default
full

Billing address

error

AddressForm

International address. Both layouts plus the company field and required-all mode.

layout stacked
layout compact

CheckoutSteps

Stepper with checkout defaults. Interactive plus every size.

interactive
  2. 2

    Shipping

  3. 3

    Payment

  4. 4

    Confirm

size sm

  1. Cart

  2. Shipping

  3. 3

    Payment

size md

  1. Cart

  2. Shipping

  3. 3

    Payment

size lg

  1. Cart

  2. Shipping

  3. 3

    Payment

CartSummary

Subtotal, shipping, tax, discount, total. Both variants plus a no-items state.

variant card
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
variant flat
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
totals only
Subtotal$107.00
Shipping$9.99
Tax$11.77
Total$128.76

OrderSummary

Full order block with line items + addresses. Every order status.

status pending

Order ORD-1042

Pending
  • 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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

status processing

Order ORD-1041

Processing
  • 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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

status shipped

Order ORD-1040

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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

status delivered

Order ORD-1039

Delivered
  • 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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

status cancelled

Order ORD-1038

Cancelled
  • 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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

status refunded

Order ORD-1037

Refunded
  • 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

Shipping address

Jl. Asia Afrika No. 8
Bandung, Jawa Barat, 40111
ID

Payment

Visa ending in 4242

ReceiptBlock

Printable receipt with merchant + customer + totals.

Idin Studio

ahmad.muhyidin@contoh.id

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

Zoya Qiara

zoya.qiara@contoh.id

PAID WITH

Visa •••• 4242

SubscriptionCard

Active plan overview with renewal + usage. Every subscription status.

status active

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

status trialing

Team · Annual

$490.00

Trial ends May 1, 2026

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

Payment method

Visa ending in 4242

status past_due

Team · Annual

$490.00
Past due
  • Unlimited workspaces
  • Priority support
  • SSO + SCIM
Projects24 / 100
Storage42 GB / 100 GB
API calls/day8200 / 10000

Payment method

Visa ending in 4242

status cancelled

Team · Annual

$490.00

Ends Jun 1, 2026

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

Payment method

Visa ending in 4242

status paused

Team · Annual

$490.00
Paused
  • 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. Every status.

status
  • Team plan — paid$490.00PaidInvoiceReceipt
  • Team plan — pending$390.00PendingInvoice
  • Team plan — failed$290.00FailedInvoice
  • Team plan — refunded$190.00RefundedInvoice