---
title: "Review summary"
description: "An average rating with a bar per star level beside the latest reviews."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/review-summary
---

# Review summary

An average rating with a bar per star level beside the latest reviews.

The average, its star row and the bars are worked out from the counts you pass, and stars fill to the exact rating. Each bar is a meter that reads out its count. Reviews show their stars, date, title, text and a verified-buyer mark. Tablets put the bars beside the average and phones stack everything.

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/review-summary
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, button, meter, separator, text-link

## Source

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

## More testimonials blocks

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