Aggregate score on top with a five-row histogram underneath where each bar reflects the share of reviews at that star level.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Socialproof8 } from "@/components/beste/piece/socialproof8";
<Socialproof8
platform="Trustpilot"
score={4.8}
total="2,341 reviews"
distribution={[
82,
12,
3,
1,
2
]}
/>Minimal star row over a large average score and review count.
Five filled amber stars over a numeric score and review count.
Five stars with partial fill, a numeric score, and an optional review count.
Loved by product teams everywhere
Overlapping member avatars above a bold trust line and an inline star rating.
Review-platform chip with the brand, a star-rating pair, and an optional uppercase award tag.
Three headline stats side by side with uppercase labels. Clean, no chrome.