Listings
Products Grid
Digital products in three columns: a photo that turns to colour on hover, the title, a line and a price, a cart button and View details.
Layout and motion from the Marai Neesu template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | The h2. |
| lead | string | — | Text under the title; empty for none. |
| action | { label, href, variant? } | All products | A button at the right of the title row. A button may set variant: "default" (filled) or "outline"; left out, it is outlined. |
| products | { title, tagline, price, href, buyHref?, image }[] | 6 products | The cards in order. buyHref adds the cart button (named "Buy <product>"). |
| shown | { small, medium, large } | — | How many cards show below 768px, from 768px and from 1024px; leave out to show them all. |
| labels | { details, buy } | View details, Buy | The details button's label and the cart button's name. |
| buttonStyle | "spring" | "flip" | "sweep" | "spring" | The look of the title row's button and View details. |
| className | string | — | Classes for the <section>. |
- Three columns from 1024px, two from 768px, one below, 20px apart. The photo (1.474 : 1) is half grey and turns to full colour and 105% while the card is pointed at or focused (zoom-card); its link duplicates the title's, so it is out of the tab order.
- Listings category (owner, 2026-10-15): a Shop category only once a second product layout exists. No entrance motion, as on Marai Neesu.
