Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block4 dependencies

Shopping Cart 1 - Simple page shopping cart

shopping-cart1

A page shopping cart listing item images, quantities, and line totals with a remove action, overall total, checkout button, and empty state.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 variants

Variants of this

Other takes on Shopping Cart 1 - Simple page shopping cart from @shadcnblocks — the same idea in another design, language or styling.

A page shopping cart with quantity controls, item removal, and an order summary showing subtotal, shipping, and total before checkout.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Bar Stacked - A stacked bar chart with a legend
chart-chart-bar-stacked
Block
Bento Tile Bento48 Tile 3 - Light feature bento with UI screenshots tile 3
bento-tile-bento48-tile3
Block
Emoji Picker In Form - Emoji picker in form
emoji-picker-emoji-picker-in-form
Block
Context Menu Canvas 2 - Align and Distribute Menu
context-menu-context-menu-canvas-2
Block
Chart Radial Label - A radial chart with a label
chart-chart-radial-label
Block
Bento Tile Bento4 Tile 1 - Intelligent data analysis
bento-tile-bento4-tile1
Block
Aspect Ratio Standard 3 - 1:1 Aspect Ratio (Square)
aspect-ratio-aspect-ratio-standard-3
Block
Accordion Subtitle 3 - Subtitle with Plus Trigger
accordion-accordion-subtitle-3
Block