Checkout & payments

A card payment form with a live card that flips to show the CVC, brand detection, Luhn checks and a paced pay button.

Send and receive panels with a flip button; the converted amount rolls into place.

A monthly/yearly switch whose thumb slides and rolls the price digits, with the saving called out.

A per-seat price card: drag or step the seat count and watch the monthly total and volume discount update.

Cart rows with quantity steppers and Remove that collapses the row behind an Undo bar for a few seconds.

Saved cards as selectable rows with brand marks, expiry warnings, a Default badge and a per-card menu.

A compact plan comparison: tap a plan header to focus its column, with checks, dashes and limits per feature row.

A theatre seat map: pick up to N seats, taken seats are struck out, price tiers by row, and a running total.

Offer a pause instead of a cancel: pick 1, 2 or 3 months, see the exact resume date and what keeps working meanwhile.

An honest cancellation flow: ask why, offer one relevant alternative for that reason, then confirm with the end date.

A product size picker where sold-out sizes offer “Notify me”: pick one, leave an email, and get a clear confirmation.

A paper-style receipt: items, tax and a tip you can change after the fact, a torn edge, and share or download actions.

Send a gift card: pick an amount or type one, write a note, preview the card face, and choose send now or on a date.

Start a return in three short steps: choose items and quantities, give a reason, pick refund method and drop-off.

Build a bundle: pick items into numbered slots, the discount tier steps up as slots fill, and the saving is shown live.

One-time or subscribe on a product page: delivery frequency, quantity, the per-delivery saving, and the next ship date.