---
title: "Product reviews"
description: "A product's reviews: the average and a bar per rating beside a list you can search, filter, sort and page through."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/product-reviews
---

# Product reviews

A product's reviews: the average and a bar per rating beside a list you can search, filter, sort and page through.

Built from Meter, InputGroup, Select, ToggleGroup, Avatar, Pagination and Empty. The summary works out the average and the share of each rating from the reviews. Search, the rating filter and the sort update the list and its count as you go; an empty result says so and offers to clear the filters. Long reviews clamp to three lines with Read more. Each review can be voted helpful or not, and pages of four turn with the pagination.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. 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:

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

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, button, empty, input-group, meter, pagination, select, text-link, toggle-group

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More product details blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/product-details · https://ui.edbn.me/docs/blocks/product-details.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