Four-step ecommerce checkout with stepper and order summary sidebarPaid component — get it from ReUI

Four-step ecommerce checkout with stepper and order summary sidebar

reui/checkout-5

Four-step ecommerce checkout (contact, delivery, payment, review) with animated stepper, saved addresses, delivery and payment options, and promo codes. ReUI Frame, Stepper, Badge; shadcn Button, Combobox, RadioGroup. Use for: payment flow, checkout.

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

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

Four-step ecommerce checkout with stepper and order summary sidebar

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.

Four-step ecommerce checkout with stepper and order summary sidebar

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.