📌 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 5
split: left items / right summary with divider above
Cart and Checkout Design 2 5
split: left items / right summary with image placeholder
Cart and Checkout Design 3 5
split: left items / right summary with icon accents
Cart and Checkout Design 4 5
split: left items / right summary centered layout
Cart and Checkout Design 5 5
split: left items / right summary left-aligned layout
Cart and Checkout Design 6 5
split: left items / right summary 2-column variant
Cart and Checkout Design 1 6
split: left items / right summary 3-column variant
Cart and Checkout Design 2 6
split: left items / right summary compact variant
Cart and Checkout Design 3 6
split: left items / right summary spacious variant with extra padding
Cart and Checkout Design 4 6
split: left items / right summary with social-icons row
Cart and Checkout Design 5 6
split: left items / right summary with counter stat
Cart and Checkout Design 6 6
split: left items / right summary full-width layout
Cart and Checkout Design 1 7
split: left items / right summary narrow centered card style
Cart and Checkout Design 2 7
split: left items / right summary with divider below
Cart and Checkout Design 3 7
split: left items / right summary right-aligned layout
Cart and Checkout Design 4 7
split: left items / right summary 4-column variant
Cart and Checkout Design 5 7
split: left items / right summary with alert banner above
Cart and Checkout Design 6 7
split: left items / right summary with breadcrumb above
Cart and Checkout Design 1 8
split: left items / right summary minimal single-row
Cart and Checkout Design 2 8
split: left items / right summary with background container card
Cart and Checkout Design 3 8
checkout steps indicator + form area
Cart and Checkout Design 4 8
checkout steps indicator + form area with CTA button below
Cart and Checkout Design 5 8
checkout steps indicator + form area with divider above
Cart and Checkout Design 6 8
checkout steps indicator + form area with image placeholder