Social Proof

Social proof row of up to five overlapping avatars with initials fallback, next to a count label like 2,000 teams. Built in React for landing page heroes.

src/registry/ui/social-proof.tsx/r/social-proof.json

Installation#

bash
npx shadcn@latest add @minidev/social-proof

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/social-proof.json

Usage#

tsx
import { SocialProof } from "@/components/ui/social-proof"

export function Example() {
  return (
    <SocialProof countLabel="2,400+ teams building with MiniDev" people={[{ name: "Ada" }, { name: "Lin" }, { name: "Kai" }, { name: "Noa" }]} />
  )
}

API reference#

SocialProof props
PropTypeDefault
countLabelstring"Trusted by 2,400+ finance teams"
people{ name: string; src?: string }[]SAMPLE_PEOPLE
classNamestring-

Dependencies#

npm

React only

Built from

Examples#

All Landing page sections for React and Tailwind

Learn more