---
title: "Product lists blocks"
description: "4 Pro product lists blocks for React. Grids and lists of products."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/product-lists
---

# Product lists blocks

4 Pro product lists blocks for React. Grids and lists of products.

## Installation

Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install any block by name, for example:

```bash
npx shadcn@4.19.0 add @edbn/product-grid
```

## Blocks
- [Product grid](https://ui.edbn.me/docs/blocks/product-grid): A shop section of product cards in four columns, with quick add on each photo, a sale price and a sold-out piece.
  Install: `npx shadcn@4.19.0 add @edbn/product-grid`
- [Product list with filters](https://ui.edbn.me/docs/blocks/product-list-filters): A filtered product list: category chips and a sort over the grid, with glaze, price and stock filters in a sidebar or a phone sheet.
  Install: `npx shadcn@4.19.0 add @edbn/product-list-filters`
- [Product row](https://ui.edbn.me/docs/blocks/product-row): A sideways-scrolling row of product cards with previous and next buttons by the heading.
  Install: `npx shadcn@4.19.0 add @edbn/product-row`
- [Category tiles](https://ui.edbn.me/docs/blocks/category-tiles): A shop's categories as photo tiles: one large tile beside a two-by-two grid, each named with a count.
  Install: `npx shadcn@4.19.0 add @edbn/category-tiles`

All blocks: https://ui.edbn.me/docs/blocks · https://ui.edbn.me/docs/blocks.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt