# Marketing Rating Summary

Review rating summary with average stars, total reviews and 5 to 1 star distribution bars.

- id: `marketing-rating-summary`
- Page: https://agentic-ui-kit.com/components/marketing-rating-summary
- Live preview: https://agentic-ui-kit.com/live/component/marketing-rating-summary?piece=marketing-rating-summary

## Install

```bash
agentic-ui add marketing-rating-summary
npx shadcn@4.17.0 add @agentic-ui/marketing-rating-summary
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** average-rating, partial-stars, star-distribution, review-sources, mention-highlights, dark-mode
- **Intents:** show-composition, communicate
- **Suits domains:** marketing, saas, ecommerce, devtools, education
- **Interaction:** read-only, click
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** review rating summary with average stars, total reviews and 5 to 1 star distribution bars, ratings section on a landing page showing scores from review sites and app marketplace, customer reviews overview with most mentioned themes
- **Avoid when:** collecting or moderating individual reviews (use commerce review blocks), quote testimonials without scores (use marketing-testimonials), a product page review list with filters
- **Preserve when adapting:** stars-role-img, text-percentages
- **Replace when adapting:** counts, sources, highlights, copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives