๐ 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
cart summary card: items + total + CTA
Cart and Checkout Design 2
cart summary card: items + total + CTA with CTA button below
Cart and Checkout Design 3
cart summary card: items + total + CTA with divider above
V3 AdaptiveCart and Checkout Design 4
cart summary card: items + total + CTA with image placeholder
Cart and Checkout Design 5
cart summary card: items + total + CTA with icon accents
Cart and Checkout Design 6
cart summary card: items + total + CTA centered layout
Get new V4 components weekly
We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.
No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.
Cart and Checkout Design 1 2
cart summary card: items + total + CTA left-aligned layout
Cart and Checkout Design 2 2
cart summary card: items + total + CTA 2-column variant
Cart and Checkout Design 3 2
cart summary card: items + total + CTA 3-column variant
Cart and Checkout Design 4 2
cart summary card: items + total + CTA compact variant
Cart and Checkout Design 5 2
cart summary card: items + total + CTA spacious variant with extra padding
Cart and Checkout Design 6 2
cart summary card: items + total + CTA with social-icons row
Cart and Checkout Design 1 3
cart summary card: items + total + CTA with counter stat
Cart and Checkout Design 2 3
cart summary card: items + total + CTA full-width layout
Cart and Checkout Design 3 3
cart summary card: items + total + CTA narrow centered card style
Cart and Checkout Design 4 3
cart summary card: items + total + CTA with divider below
Cart and Checkout Design 5 3
cart summary card: items + total + CTA right-aligned layout
Cart and Checkout Design 6 3
cart summary card: items + total + CTA 4-column variant
Cart and Checkout Design 1 4
cart summary card: items + total + CTA with alert banner above
Cart and Checkout Design 2 4
cart summary card: items + total + CTA with breadcrumb above
Cart and Checkout Design 3 4
cart summary card: items + total + CTA minimal single-row
Cart and Checkout Design 4 4
cart summary card: items + total + CTA with background container card
Cart and Checkout Design 5 4
split: left items / right summary
Cart and Checkout Design 6 4
split: left items / right summary with CTA button below