Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order SummaryPaid component — get it from ReUI

Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order Summary

reui/shopping-cart-3

Full-width pre-checkout cart laid out as a data table: column header rail, thumbnail rows with linked title, color swatch and size, ButtonGroup steppers, line totals, and an order summary with free-shipping Badge. ReUI Badge, Button, Item, Tooltip.

npx get-ui-cli add reui/shopping-cart-3

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

Library: ReUI
Category: Card
Type: Block
Licence: MIT
npm: None

Source

Similar, from other libraries

All card components

Card header with border
ReUI · Card
Table card with actions column.
ReUI · Card
Tilt
Motion Primitives · Card
Tilt Card
Unlumen UI · Card
Spinner
shadcn/ui · Card
Tooltip Card
Aceternity UI · Card
Animated Card
Cult UI · Card
Comet Card
Aceternity UI · Card

Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order Summary

Source

Similar, from other libraries

Card header with border

Table card with actions column.

Tilt

Tilt Card

Spinner

Tooltip Card

Animated Card

Comet Card

Data Table Shopping Cart with Column Header Rail, Quantity Steppers, and Order Summary

Source

Similar, from other libraries

Card header with border

Table card with actions column.

Tilt

Tilt Card

Spinner

Tooltip Card

Animated Card

Comet Card