One-Page Checkout with Payment Options
Tailwind CSS one-page checkout with shipping address, shipping method cards, card / wallet / bank payment tabs, discount code and a live order summary.
Tag: checkout
Components tagged with "checkout".
7 components
Cart with Saved for Later Section
Bootstrap 5 cart page with product photos, quantity selects, a saved for later list and a live order summary with free-shipping progress.
Checkout Form with Order Summary
Bootstrap 5 one-page checkout with contact, shipping, delivery and payment sections, card input masks, validation, promo code and a live order summary.
Checkout Stepper
Bootstrap 5 four-step checkout with cart, shipping, payment and review steps, a progress bar, per-step validation, Back/Continue buttons and a live order summary.
Shopping Cart Page
Tailwind CSS shopping cart with quantity steppers, remove buttons, free shipping progress bar, promo code field and a live-updating order summary.
Order Summary with Coupon
Tailwind CSS checkout order summary card with a discount code field, live totals, tax and a free shipping progress bar.
Horizontal Progress Stepper
Tailwind CSS horizontal stepper with numbered circles, animated connector lines, completed/current/upcoming states and Back/Continue controls.