Wrap anything in a card.
Group related blocks into one styled container — border, radius, padding, background.
1 
1 2 Exactly what your shopper sees — at the moment they're ready to buy.
The Checkout Ninja tag only marks the block in this preview — it never appears in your live checkout.
"Fantastic app, highly recommended. We've been using it for years — a long list of checkout customisations suited to our store. A must-have for all your Shopify checkout needs."
Set up the Card Block block your way.
Add a Card Block
Drop it on the canvas. It starts empty — you'll add child blocks next.
Drag blocks into it
Trust badges, fields, upsells — anything composes inside a card. Reorder freely.
Style the container
Border, radius, background tint, padding — all live-previewed.
-
Can I nest cards inside cards?
Yes — up to two levels. Beyond that, the visual hierarchy stops being useful.
-
Does the card animate on hover?
No. Checkout pages should feel calm. We deliberately don't animate cards.
-
Can I control card spacing?
Yes. Card padding, gap-between-children, and outer margin are all configurable.
Build the rest of your checkout.
Heading
A clean, typographic section heading — your brand font, no theme code.
See the block Layout & ContentDivider
A clean horizontal rule between sections — custom thickness, colour and padding.
See the block Layout & ContentRich Text Banner
Formatted notices at the pay step — bullets, bold and links, in your checkout font.
See the blockAdd the Card Block block today.
Every block + every feature, on a 3-day trial. No card. Live before your next order.