Search input that filters the product list on the same page. Updates ?q= in the URL so results are shareable and SSR-rendered.
Same library cards — preview live and grab structure from any block.
Pre-styled slide-out shopping cart with header, item list, checkout button, and continue shopping link. Drop onto any page to enable cart functionality.
Compact horizontal scrolling product strip with small cards. Great for related products or upsells.
Data-bound product card grid that repeats for each Stripe product. Connect Stripe to populate automatically.
Thank-you section shown after a successful Stripe checkout. Centered heading with confirmation message and continue shopping button.
Auto-appearing banner that shows a success or cancellation message after Stripe checkout. Dismisses automatically after 8 seconds.
Data-bound coupon cards from Stripe showing discount amount, duration, and redemption count.
Data-bound order rows from Stripe checkout sessions. Shows order ID, customer, amount, and date.
Data-bound hero showcasing a single featured product with large image, title, description, price, and buy button.
Data-bound customer rows pulled live from Stripe. Shows name, email, and join date.
Horizontal category chips pulled live from Stripe products (metadata.category). Clicking a chip filters the product grid via ?category=.
Full product detail layout with large image, title, description, price, and add-to-cart button. Uses Stripe products data source with limit 1. Set a specific product ID in the data source to pin to one product.
Data-bound pricing cards that repeat for each Stripe price. Shows plan name, price, billing cycle, and subscribe button.