Shopping Cart

Full shopping cart page built with shadcn/ui. A two-thirds column lists items with thumbnails, variants, working quantity steppers and Remove links, while a sticky Card on the right holds a promo code Input, subtotal, shipping and total, a Checkout Button and a row of payment icons. Totals recompute as quantities change, making it a ready-made cart for any store.

Store header whose "Cart" Button opens a right-hand shadcn/ui Sheet drawer. The drawer lists items with quantity steppers and remove Buttons, shows a free-shipping Progress bar that fills as the subtotal grows, and ends with a sticky footer holding the subtotal, a Checkout Button and a View cart Button. Ideal for stores that want to keep shoppers on the product page.

Compact mini cart built with shadcn/ui Popover. A store header with search, wishlist and account icon Buttons shows a cart icon with an item count badge; the Popover anchored beneath it lists three compact items with remove Buttons, a subtotal and View cart / Checkout Buttons. Good for quick cart confirmation without leaving the page.

Cart page with a "Saved for later" section built with shadcn/ui Card, Badge, Button and Separator. Items appear as bordered Cards with steppers and Save for later / Remove actions, saved products sit in a bordered list with Move to cart Buttons, and a sticky muted summary column on the right shows totals and a checkout CTA. Items move between both lists with live totals.

Empty cart state built with shadcn/ui Button and Badge. A centred ShoppingBag icon in a muted circle, a heading, helper copy, a Continue shopping Button and a sign-in link are followed by a "Popular right now" row of four product cards with Star ratings, sale Badges and Add to cart Buttons. Turns a dead end into a discovery moment.

Classic cart table built with shadcn/ui Table. Product, Price, Quantity and Total columns hold thumbnails, SKUs, quantity steppers and remove icon Buttons, a TableFooter shows the subtotal, and an action row offers Update cart and Checkout Buttons beside a free-shipping threshold note. Suits stores that prefer a dense, spreadsheet-like cart.

Cart with gift options built with shadcn/ui Checkbox, Textarea, Select and Separator. Items with steppers sit on the left; the right-hand form adds gift wrapping that updates the total, a gift message Textarea, a delivery method Select and an estimated delivery line above the totals and checkout Button. Built for seasonal and gifting campaigns.