Overlapping member avatars above a bold trust line and an inline star rating.
Loved by product teams everywhere
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Socialproof22 } from "@/components/beste/piece/socialproof22";
<Socialproof22
avatars={[
{
"src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face",
"alt": "Ayşe Kaya",
"fallback": "AK"
},
{
"src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face",
"alt": "Merve Özkan",
"fallback": "MÖ"
},
{
"src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face",
"alt": "Sarah Brown",
"fallback": "SB"
},
{
"src": "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face",
"alt": "John Doe",
"fallback": "JD"
}
]}
extraCount={2000}
title="Loved by product teams everywhere"
rating={5}
ratingNote="4.9 average from 2,400+ reviews"
/>Overlapping avatars with an optional +N tail for spillover members.
Three-avatar stack sitting next to an inline invitation line.
Five filled amber stars over a numeric score and review count.
Single avatar beside a one-line quoted review and an author caption.
Five stars with partial fill, a numeric score, and an optional review count.
Portrait thumbnail with a play circle overlay, plus customer name and role beneath.