Cart (Website)
Commerce & Checkout · 8 checks · 23 resources
The pre-checkout review where the shopper edits their order and commits to paying.
Before you ship
- 01Item name and image — matching what was displayed on the product page
- 02Update or remove item — adjust quantity, change variants, or remove an item directly from the cart
- 03Item variations — selected size, colour, style, or type displayed clearly alongside the item
- 04Promo or discount code — a field for entering a code, showing acceptance or rejection immediately after entry
- 05Accepted payment methods — cards, PayPal, Apple Pay and others available for completing the purchase
- 06Link to support — a way to get help with items in the cart, useful for configurable or custom orders
- 07Checkout button — a prominent button to proceed to payment
- 08Suggested add-ons — related or complementary items based on what is already in the cart
Resources that help you build this
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesComponent LibrariesS
- HTMLrev Free Shadcn Templates · 120 free shadcn/ui templates and starters, indexed on one pageBlocks, Templates & ThemesS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCPComponent LibrariesS
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txtDesign Systems & Brand GuidelinesS
- BestWebsiteTemplate · 881 Webflow, Framer and Shopify templates, each scored out of 10 by 11 named reviewersBlocks, Templates & ThemesA
- Craftwork · 40k+ design assets and templates, reachable from an MCP server and a Claude skillTextures, Backgrounds & AssetsA
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block libraryComponent LibrariesA
- GoodUI · 75 UI ideas and 141 patterns backed by 639 replicated A/B testsDesign Systems & Brand GuidelinesA
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism setsBlocks, Templates & ThemesA
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code pluginBlocks, Templates & ThemesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UIComponent LibrariesA
- Tailwind Plus · 500+ paid Tailwind UI blocks, 13 Next.js templates and the Catalyst React kitBlocks, Templates & ThemesA
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0Blocks, Templates & ThemesB
- Flowponent · 1,091 copy-paste Webflow cloneable sections, 335 of them freeBlocks, Templates & ThemesB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Sprout · Next.js, Sanity, and Tailwind boilerplate for headless Shopify stores and marketing sitesBlocks, Templates & ThemesB
- Commerce Layer · API-first commerce engine with universal checkout, order management, and promotionsUtilities & NamingC
- Medusa · Open-source, flexible commerce platform for developers and agentsUtilities & NamingC
- Saleor · Open-source, headless, GraphQL-first ecommerce platformUtilities & NamingC