★ Featured Prompt

3-Step Checkout Flow

A complete e-commerce checkout with shipping, payment, and review steps plus sticky order summary sidebar.

Checkout & Payments checkout-payments ecommerce multi-step shadcn complex

Prompt

Create a 3-step checkout with persistent order summary sidebar (40% width, sticky):

Step 1 — Shipping: contact info, address, shipping method selector (3 options with price + delivery time)
Step 2 — Payment: credit card form with live card preview, PayPal/Apple Pay buttons, billing same as shipping checkbox
Step 3 — Review: items, shipping summary (edit link), payment summary (edit link), "Place Order" button

Order summary (always visible): items with thumbnails, subtotal/shipping/tax/total, promo code input

Use shadcn/ui, Tailwind CSS, responsive

Share:Share on X