Stripe

14 blocks · Stripe blocks

Cart2

Shopping cart drawer

Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.

Mini cart bar

Sticky bottom bar showing cart item count, subtotal, and a checkout button. A compact alternative to the full cart drawer for simpler stores.

Checkout2

Checkout success message

Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.

Checkout notification banner

Auto-appearing banner that shows a success or cancellation message after Stripe checkout. Dismisses automatically after 8 seconds.

Coupons1

Live coupon grid (Stripe)

Data-bound coupon cards from Stripe showing discount amount, duration, and redemption count.

Customers1

Live customer list (Stripe)

Data-bound customer rows pulled live from Stripe. Shows name, email, and join date.

Grid1

Live product grid (Stripe)

Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.

Hero1

Featured product spotlight (Stripe)

Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.

Invoices1

Live invoice table (Stripe)

Data-bound invoice rows from Stripe with invoice number, customer, amount, status, and download link.

List1

Live product list (Stripe)

Data-bound horizontal product rows with image, details, and buy button. Repeats per Stripe product.

Orders1

Live order history (Stripe)

Data-bound order rows from Stripe checkout sessions. Shows order ID, customer, amount, and date.

Strip1

Product scroll strip (Stripe)

Compact horizontal scrolling product strip with small cards. Great for related products or upsells.

Subscriptions1

Live subscription cards (Stripe)

Data-bound subscription cards showing plan name, amount, interval, and renewal date from Stripe.

Tiers1

Live pricing tiers (Stripe)

Data-bound pricing cards that repeat for each Stripe price. Shows plan name, price, billing cycle, and subscribe button.

Browse other blocks

Same library cards — preview live and grab structure from any block.

View full library