Commerce
8 blocks · Product cards, category grids, service highlights, and shopping-focused UI blocks for storefronts and menus.
Checkout1
Large product image alongside title, description, price, and a prominent buy button.
Grid1
Three-column product card grid with images, prices, and buy buttons. Ready for Stripe checkout.
Trust1
Row of pill-shaped trust signals with icons — secure checkout, verified, returns, support.
Related1
Compact product card row for cross-sells and related items. Eyebrow heading with optional view-all link.
Cards3
Two side-by-side product tiles with image, badge, category, title, price, and buy buttons.
Single large image card with an overlay title and category label at the bottom.
Asymmetric bento grid with a large featured service card and smaller info cards.
Other1
Eight-tile grid of category shortcuts with large icons and labels. Ideal for store landing pages.
Browse other blocks
Same library cards — preview live and grab structure from any block.
Features three columns
Centered heading with three columns, each showing an icon, title, body text, and link.
Hero split
Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.
Simple CTA
Centered call-to-action on an accent background with heading, description, and buttons.
Footer multi-column
Grid footer with brand blurb and multiple link columns. Copyright and social links at the bottom.
Navigation bar
Standard header with logo, nav links, primary CTA, and a mobile hamburger menu.
Testimonial cards
Two-column grid of testimonial cards with quote, photo avatar, name, and role.
Copy and image split
Two-column section with heading and body text on one side, rounded cover image on the other.
Hero photo backdrop
Full-height hero with a cover photo, theme-tinted overlay, centered headline, subtitle, and CTAs.
Hero centered
Clean centered hero with eyebrow, large heading, description, and two CTA buttons.
Hero dark background
Dark background hero with eyebrow, centered heading, description, and CTA buttons.
FAQ two columns
Six Q&As laid out in two columns with divider rows. Includes eyebrow, heading, and intro.
Image with story
Photo on the left, eyebrow, headline, body copy, and CTA on the right.