Multi-Step Checkout with Stepper Progress and Sticky Order SummaryPaid component — get it from ReUI

Multi-Step Checkout with Stepper Progress and Sticky Order Summary

reui/checkout-1

Four-step purchase flow for contact, address, delivery speed, and card/PayPal/Apple Pay payment, with promo code, validation, and a sticky order summary. Uses ReUI Stepper, Badge, Alert; shadcn Combobox, RadioGroup. For cart, order, checkout pages.

npx get-ui-cli add reui/checkout-1

Paid component: its registry needs a licence from the library, so install it from their site.

Library: ReUI
Category: Form
Type: Block
Licence: MIT
npm: motion, sonner

Source

Similar, from other libraries

All form components

Popover Form
Cult UI · Form
Form
shadcn/ui · Form
Assistant answer with formatted content
ReUI · Form
Form with validation errors
ReUI · Form
Settings form with validation
ReUI · Form
Popover with form.
ReUI · Form
Form field with validation
ReUI · Form
Trigger path formatting and collapsing.
ReUI · Form

Multi-Step Checkout with Stepper Progress and Sticky Order Summary

Source

Similar, from other libraries

Popover Form

Form

Assistant answer with formatted content

Form with validation errors

Settings form with validation

Popover with form.

Form field with validation

Trigger path formatting and collapsing.

Multi-Step Checkout with Stepper Progress and Sticky Order Summary

Source

Similar, from other libraries

Popover Form

Form

Assistant answer with formatted content

Form with validation errors

Settings form with validation

Popover with form.

Form field with validation

Trigger path formatting and collapsing.