๐ 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 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 and Checkout Design 1 13
cart + icon-list (order summary) left-aligned layout
Cart and Checkout Design 2 13
cart + icon-list (order summary) 2-column variant
Cart and Checkout Design 3 13
cart + icon-list (order summary) 3-column variant
Cart and Checkout Design 4 13
cart + icon-list (order summary) compact variant
Cart and Checkout Design 5 13
cart + icon-list (order summary) spacious variant with extra padding
Cart and Checkout Design 6 13
cart + icon-list (order summary) with social-icons row
Cart and Checkout Design 1 14
cart + icon-list (order summary) with counter stat
Cart and Checkout Design 2 14
cart + icon-list (order summary) full-width layout
Cart and Checkout Design 3 14
cart + icon-list (order summary) narrow centered card style
Cart and Checkout Design 4 14
cart + icon-list (order summary) with divider below
Cart and Checkout Design 5 14
cart + icon-list (order summary) right-aligned layout
Cart and Checkout Design 6 14
cart + icon-list (order summary) 4-column variant
Cart and Checkout Design 1 15
cart + icon-list (order summary) with alert banner above
Cart and Checkout Design 2 15
cart + icon-list (order summary) with breadcrumb above
Cart and Checkout Design 3 15
cart + icon-list (order summary) minimal single-row
Cart and Checkout Design 4 15
cart + icon-list (order summary) with background container card
Cart and Checkout Design 5 15
cart + counter (items count)
Cart and Checkout Design 6 15
cart + counter (items count) with CTA button below
Cart and Checkout Design 1 16
cart + counter (items count) with divider above
Cart and Checkout Design 2 16
cart + counter (items count) with image placeholder
Cart and Checkout Design 3 16
cart + counter (items count) with icon accents
Cart and Checkout Design 4 16
cart + counter (items count) centered layout
Cart and Checkout Design 5 16
cart + counter (items count) left-aligned layout
Cart and Checkout Design 6 16
cart + counter (items count) 2-column variant