social-proof trust avatars compact inline developers social-proof avatars compact inline trusted developers stack compact social proof with avatars inline trust indicator
Social Proof Compact
Fetch pattern JSON:
curl https://webspire.de/patterns/social-proof/compact.json compact.html
<div class="ws-social-proof flex items-center gap-3">
<div class="flex -space-x-2">
<div class="h-8 w-8 rounded-full bg-indigo-500 ring-2 ring-white"></div>
<div class="h-8 w-8 rounded-full bg-emerald-500 ring-2 ring-white"></div>
<div class="h-8 w-8 rounded-full bg-amber-500 ring-2 ring-white"></div>
<div class="h-8 w-8 rounded-full bg-rose-500 ring-2 ring-white"></div>
</div>
<p class="text-sm text-[var(--ws-social-proof-text-muted)]">Trusted by <span class="font-semibold text-[var(--ws-social-proof-text)]">10,000+</span> developers</p>
</div>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
social-prooftrustavatarscompactinlinedevelopers
Slots
| Name | Required | Description |
|---|---|---|
| avatars | Yes | Overlapping avatar circles. |
| message | Yes | Trust message with user count. |
Single-line social proof element with four overlapping avatar circles and a trust message. Ideal for embedding within hero sections or CTAs for compact credibility.