๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Cart & Checkout

Shopping cart, checkout flows, and order summaries

125 components - V3 100 ยท V4 25

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Cart and Checkout Design 1 13

cart + icon-list (order summary) left-aligned layout

headingtext-editor
V3 Adaptive

Cart and Checkout Design 2 13

cart + icon-list (order summary) 2-column variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 3 13

cart + icon-list (order summary) 3-column variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 4 13

cart + icon-list (order summary) compact variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 5 13

cart + icon-list (order summary) spacious variant with extra padding

headingtext-editor
V3 Adaptive

Cart and Checkout Design 6 13

cart + icon-list (order summary) with social-icons row

headingtext-editor
V3 Adaptive

Cart and Checkout Design 1 14

cart + icon-list (order summary) with counter stat

headingtext-editor
V3 Adaptive

Cart and Checkout Design 2 14

cart + icon-list (order summary) full-width layout

headingtext-editor
V3 Adaptive

Cart and Checkout Design 3 14

cart + icon-list (order summary) narrow centered card style

headingtext-editor
V3 Adaptive

Cart and Checkout Design 4 14

cart + icon-list (order summary) with divider below

headingtext-editor
V3 Adaptive

Cart and Checkout Design 5 14

cart + icon-list (order summary) right-aligned layout

headingtext-editor
V3 Adaptive

Cart and Checkout Design 6 14

cart + icon-list (order summary) 4-column variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 1 15

cart + icon-list (order summary) with alert banner above

headingtext-editor
V3 Adaptive

Cart and Checkout Design 2 15

cart + icon-list (order summary) with breadcrumb above

headingtext-editor
V3 Adaptive

Cart and Checkout Design 3 15

cart + icon-list (order summary) minimal single-row

headingtext-editor
V3 Adaptive

Cart and Checkout Design 4 15

cart + icon-list (order summary) with background container card

headingtext-editor
V3 Adaptive

Cart and Checkout Design 5 15

cart + counter (items count)

headingtext-editor
V3 Adaptive

Cart and Checkout Design 6 15

cart + counter (items count) with CTA button below

headingtext-editor
V3 Adaptive

Cart and Checkout Design 1 16

cart + counter (items count) with divider above

headingtext-editor
V3 Adaptive

Cart and Checkout Design 2 16

cart + counter (items count) with image placeholder

headingtext-editor
V3 Adaptive

Cart and Checkout Design 3 16

cart + counter (items count) with icon accents

headingtext-editor
V3 Adaptive

Cart and Checkout Design 4 16

cart + counter (items count) centered layout

headingtext-editor
V3 Adaptive

Cart and Checkout Design 5 16

cart + counter (items count) left-aligned layout

headingtext-editor
V3 Adaptive

Cart and Checkout Design 6 16

cart + counter (items count) 2-column variant

headingtext-editor